본문으로 건너뛰기

타이포그래피

무채색 텍스트의 색상을 정의합니다.

허용되는 형식: HEX

내비게이션

Style Settings
|-- ...
|-- Flexcyon Style Settings
| |-- Editor
| | |-- ...
| | |-- Typography
| | |-- ...
| |-- ...
|-- ...

환경 설정 옵션

무채색 텍스트 색상

대상 CSS 변수: var(--flexcyon-text-muted)

기본값: #6f768599

일반 텍스트 색상

대상 CSS 변수: var(--text-normal)

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

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

기본 줄 높이

대상 CSS 변수: var(--line-height-normal)

기본값: 1.5 (px)

촘촘한 줄 높이

대상 CSS 변수: var(--line-height-tight)

기본값: 1.3 (px)

기본 단어 간격

대상 CSS 변수: var(--flexcyon-w-spacing)

기본값: 0 (px)

기본 글자 간격

대상 CSS 변수: var(--flexcyon-l-spacing)

기본값: 0 (px)

강조 텍스트 색상

대상 CSS 변수: var(--flexcyon-highlight-colour)

기본값: 시안 (변수 선택)

옵션:

  • 시안
  • 파랑
  • 보라
  • 분홍
  • 빨강
  • 오렌지
  • 노랑
  • 초록

강조 텍스트 불투명도

대상 CSS 변수: var(--flexcyon-highlight-opacity)

기본값: 22.5%

강조 텍스트 세로 패딩

대상 CSS 변수: var(--flexcyon-highlight-verti-padding)

기본값: 1 (px)

강조 텍스트 가로 패딩

대상 CSS 변수: var(--flexcyon-highlight-horiz-padding)

기본값: 2.5 (px)

강조 텍스트 모서리 둥글기

대상 CSS 변수: var(--flexcyon-highlight-border-radius)

기본값: 4 (px)