본문으로 건너뛰기

Accent Colors

여기서 정의한 색상은 제목을 비롯한 여러 UI 요소의 테마 기본 색상을 덮어씁니다. Accent Color도 함께 덮어씁니다.

이러한 색상은 var(–color-cyan)와 같은 표준 CSS 변수를 덮어씁니다.

허용되는 형식: RGB, HEX

내비게이션

Style Settings
|-- ...
|-- Flexcyon Style Settings
| |-- Editor
| | |-- Accent Colors
| | |-- ...
| |-- ...
|-- ...

환경 설정 옵션

시안 색상

대상 CSS 변수: var(--flexcyon-cyan), var(--color-cyan-rgb)

기본값(라이트 모드): #3b9ba1

기본값(다크 모드): #3cb9c2

초록색 색상

대상 CSS 변수: var(--flexcyon-lime-green), var(--color-green-rgb)

기본값(라이트 모드): #689523

기본값(다크 모드): #a1c05c

오렌지 색상

대상 CSS 변수: var(--flexcyon-orange), var(--color-orange-rgb)

기본값(라이트 모드): #ed8126

기본값(다크 모드): #cc8449

노란색 색상

대상 CSS 변수: var(--flexcyon-yellow), var(--color-yellow-rgb)

기본값(라이트 모드): #e8c62a

기본값(다크 모드): #c29e42

보라색 색상

대상 CSS 변수: var(--flexcyon-purple-lilac), var(--color-purple-rgb)

기본값(라이트 모드): #6f49ae

기본값(다크 모드): #a461c8

빨간색 색상

대상 CSS 변수: var(--flexcyon-red-salmon), var(--color-red-rgb)

기본값(라이트 모드): #eb5325

기본값(다크 모드): #c03a47

파란색 색상

대상 CSS 변수: var(--flexcyon-blue), var(--color-blue-rgb)

기본값(라이트 모드): #5c9fe4

기본값(다크 모드): #5a8fcd

분홍색 색상

대상 CSS 변수: var(--flexcyon-pink), var(--color-pink-rgb)

기본값(라이트 모드): #e389ca

기본값(다크 모드): #d458a3

Accent Color

대상 CSS 변수: var(--flexcyon-accent)

기본값(다크 모드): #5770b9

기본값(다크 모드): #92a871

확장 색상 팔레트 활성화

대상 CSS 변수: var(--flexcyon-ext-colors-enabled)

기본값: true