 |
요약 | 헤더 그라데이션 및 컴포저 그라데이션 |
 |
미리보기 | Theme Creator |
 |
저장소 | GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component · GitHub |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
Discourse 테마를 처음 사용하시나요? | Discourse 테마 사용 입문 가이드 |
이 테마 컴포넌트 설치
헤더와 컴포저에 적용되는 단순한 무지개 그라데이션으로, 테마 컴포넌트 형태이므로 다른 테마에 추가하여 사용할 수 있습니다.
스크린샷
설정 및 정보
헤더 아이콘 색상
색상 팔레트에서 header primary 및 header background 색상을 사용하여 헤더 내 아이콘의 색상을 제어할 수 있습니다. (두 값 대신 하나의 변수만 설정하면 되도록 조정해 보고 싶습니다.)
사람들이 여러 테마(예: 다크 및 라이트 색상 팔레트)에 이 컴포넌트를 설치할 수 있도록 이 색상을 하드코딩하고 싶지 않았습니다.
아이콘 색상을 변경하는 방법은 다음과 같습니다.
-
흰색: 이 두 값을 모두
#ffffff로 설정할 수 있습니다. -
검은색: 이 두 값을 모두
#000000로 설정할 수 있습니다.
참고: 두 값을 모두 설정해야 하는 이유는 실제 헤더 아이콘 색상이 header primary와 header background 색상을 혼합하여 결정되기 때문입니다.
크레딧
수년간 영감을 받거나 코드를 사용한 Ghost 사이버펑크 테마, Peacock 그라데이션 테마, Discourse Rainbow 테마에 감사드립니다. (테마 코드 내 주석으로 각 부분에 대한 크레딧을 추가했습니다.)
할 일 (TODO):
-
그라데이션 색상을 테마 설정에서 사용자 정의할 수 있는 방법을 찾고 싶습니다 - 실제로 조사할 기회가 없었습니다.
-
header primary 색상만 설정하여 헤더 아이콘 색상을 사용자 정의할 수 있도록 만들 것 (header background 색상은 헤더 배경 전체가 무지개 그라데이션이므로 사용자에게 관련이 없습니다.)