본문으로 건너뛰기

타이포그래피

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

허용되는 형식: HEX

내비게이션 

Style Settings
|-- flexcyon://Editor
|   |-- Typography
md

환경 설정 옵션

Text

일반 텍스트 색상

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

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

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

무채색 텍스트 색상

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

기본값: #6f768599

굵은 텍스트 색상

대상 CSS 변수: var(--bold-color)

기본값: 빨강 (변수 선택)

옵션:

  • 시안
  • 파랑
  • 보라
  • 분홍
  • 빨강
  • 오렌지
  • 노랑
  • 초록
  • Accent
  • 일반 텍스트

기울임 텍스트 색상

대상 CSS 변수: var(--italic-color)

기본값: Accent (변수 선택)

옵션:

  • 시안
  • 파랑
  • 보라
  • 분홍
  • 빨강
  • 오렌지
  • 노랑
  • 초록
  • Accent
  • 일반 텍스트

기본 줄 높이

대상 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)

Highlight Text

강조 텍스트 색상

대상 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)