민트의 느낌을 더한 모던한 테마입니다.
홈페이지 (카테고리)
최신
토픽
고급 검색
이 테마에는 다음 구성 요소가 포함되어 있습니다:
이 테마가 올바르게 렌더링되려면 다음 설정 변경이 필요합니다:
top menu를 category, latest, new, unread, top 으로 설정해야 합니다.desktop category page style을 Boxes with Subcategories 로 설정해야 합니다.
관리자 > 환영 배너 (/admin/config/welcome-banner) 페이지로 이동하세요.
테마에서 활성화… 드롭다운에서 Mint Theme을 선택하세요.페이지 표시 드롭다운에서 홈페이지만을 선택하세요.위치 드롭다운에서 사이트 헤더 아래를 선택하세요.배경 이미지 는 필요에 따라 설정할 수 있습니다.
Showcased Categories 테마 구성 요소의 옵션에서 이 테마가 올바르게 렌더링되려면 다음 변경이 필요합니다:
필요에 따라 feed one category 및 feed two category를 선택하세요.
필요에 따라 feed one title 및 feed two title을 채우세요.
max list length의 권장 값은 3입니다.
우리가 호스팅하고 있나요? 테마는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.
67개의 좋아요
IAmGav
9월 7, 2021, 12:30오후
2
정말 멋진 테마네요
테스트 사이트에서 로열 블루(제 최애 색상)로 한번 테스트해볼 수도 있겠어요.
감사합니다
5개의 좋아요
P2W
9월 10, 2021, 4:27오후
3
@meghna 놀라운 테마를 계속 만들어 주고 있네요. 정말 멋져요. 배포해서 플레이해 볼게요.
5개의 좋아요
아름다운 테마네요! 이렇게 만들어 주셔서 감사합니다
배경의 사각형과 원형을 제거할 수 있는 방법이 있는지 궁금했습니다. 방향을 잡아줄 수 있는 팁이 있다면 정말 감사하겠습니다
3개의 좋아요
tjot
9월 14, 2021, 11:14오전
5
desktop.scss에서 아래 코드를 삭제하면 됩니다.
#main-outlet:after {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 500px;
height: 500px;
border-radius: 2000px;
background: $color-blue;
right: 1px;
top: -57px;
}
#main-outlet:before {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 300px;
height: 300px;
border-radius: 30px;
background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
// background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
left: 70px;
top: 350px;
transform: rotate(74deg);
transform-origin: 0 100%;
}
6개의 좋아요
이 테마가 정말 멋져요. 만들어 주셔서 감사합니다! 저는 디스코르스(Discourse) 커뮤니티에 처음 온 사람이에요. 테마를 업로드하는 방법은 아는데, 특정 부분을 어떻게 수정해야 할지 잘 모르겠어요. 제가 바꾸고 싶은 부분은 뒤쪽 블록(원형과 사각형)의 색상이에요. 또한 배경색도 변경하고 싶습니다. 테마 파일을 다운로드해서 거기서 수정한 뒤, 제 테마를 새로 만들어야 하나요? 아니면 더 쉬운 방법이 있을까요?
2개의 좋아요
meghna
10월 18, 2021, 9:27오전
8
감사합니다!
네. 색상을 변경하려면 테마를 포크(fork)하고 요구사항에 맞게 색상 코드를 업데이트해야 합니다. 방법은 다음과 같습니다:
variables.scss
$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
adalo_jesse:
배경 색상을 변경하고 싶습니다
배경 색상을 변경하려면 about.jsonsecondary 색상을 업데이트하세요(참고: 일부 버튼의 텍스트 색상도 함께 변경됩니다):
"secondary": "F6FBFC"
이 테마를 정말 좋아합니다. 우리 프로젝트의 브랜딩과 완벽하게 어울리거든요! 하지만 다크 모드를 켜면 테마가 깨져 보입니다. 이런 건 정상적인가요? 사용자가 다크 모드를 켜지 못하도록 막을 수 있는 방법이 있을까요?
1개의 좋아요
기본 테마처럼 프론트엔드에서 CSS를 편집할 수 있으면 좋겠습니다.
cvx
12월 4, 2021, 12:54오후
12
컴포저에 작은 문제가 두 가지 있습니다.
1개의 좋아요
Pika
12월 7, 2021, 8:02오전
15
귀하의 테마가 정말 마음에 들어서 설치했습니다.
meghna
12월 7, 2021, 3:27오후
16
다른 테마나 컴포넌트가 mint 테마의 스타일링에 간섭을 일으킬 가능성이 있습니다. 설치한 다른 테마나 컴포넌트를 비활성화해 보실 수 있을까요?
Pika
12월 7, 2021, 3:32오후
17
비활성화된 기본 테마와 다음 구성 요소만 포함된 깨끗한 설치 환경입니다:
discourse-search-banner
Showcased Categories
meghna
12월 7, 2021, 4:27오후
18
이상하네요. 디스코urs 인스턴스의 URL을 DM으로 보내주시면 확인해 볼 수 있습니다.
1개의 좋아요
meghna
12월 9, 2021, 5:01오후
19
배너 문제는 다음을 통해 수정되었습니다:
committed 04:57PM - 09 Dec 21 UTC
패트릭이 알려준 쇼케이스 카테고리 플러그인에도 문제가 있었습니다. 이 문제도 함께 수정했습니다.
committed 04:57PM - 09 Dec 21 UTC
4개의 좋아요
안녕하세요, 멋진 Mint 테마를 적용한 디바이스에서 다크 모드를 테스트해 봤습니다. 다크 모드를 지원하도록 일부 수정을 가했습니다. 테스트 용도입니다.
discourse-mint.zip (5.1 KB) 물론 실수가 있을 수 있습니다 github 에서 PR을 생성하지 않을 것입니다.
코드 블록, gitlab 스타일 포맷팅, 넓은 페이지 등 일부 수정을 했습니다. 모바일 디바이스는 테스트하지 않았습니다.
1개의 좋아요
meghna
12월 17, 2021, 3:28오후
21
Ivan, 여기까지 수고 많으셨어요! 작업 내용을 검토해 봤는데, 코어에 포함할 필요가 없는 커스텀 변경 사항이 몇 가지 있네요. 다크 모드 관련 변경 사항은 좀 더 테스트를 거친 후에 코어에 반영하겠습니다.
1개의 좋아요
천만에요, Meghna! 흰색이 적용된 일부 요소에만 revert 값을 적용하면 충분할 것 같아요.
1개의 좋아요
기어 버튼에는 항상 표시되는 배경이 있고, 첫 번째 버튼의 호버 시 모양이 프레임의 곡률과 일치하지 않습니다:
