Skip to content

Typography

Defines colors for muted text color

Accepted Formats: HEX

Navigation 

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

Configuration Options

Text

Normal text color

CSS Variable(s) targeted: var(--text-normal)

Default (light mode): #080808

Default (dark mode): #d3d5d3

Muted text color

CSS Variable(s) targeted: var(--flexcyon-text-muted)

Default: #6f768599

Bold Text Colour

CSS Variable(s) targeted: var(--bold-color)

Default: Red (variable select)

Options:

  • Cyan
  • Blue
  • Purple
  • Pink
  • Red
  • Orange
  • Yellow
  • Green
  • Accent
  • Normal text

Italic Text Colour

CSS Variable(s) targeted: var(--italic-color)

Default: Accent (variable select)

Options:

  • Cyan
  • Blue
  • Purple
  • Pink
  • Red
  • Orange
  • Yellow
  • Green
  • Accent
  • Normal text

Default line height

CSS Variable(s) targeted: var(--line-height-normal)

Default: 1.5 (px)

Tight line height

CSS Variable(s) targeted: var(--line-height-tight)

Default: 1.3 (px)

Default word spacing

CSS Variable(s) targeted: var(--flexcyon-w-spacing)

Default: 0 (px)

Default letter spacing

CSS Variable(s) targeted: var(--flexcyon-l-spacing)

Default: 0 (px)

Highlight Text

Highlight Text Colour

CSS Variable(s) targeted: var(--flexcyon-highlight-colour)

Default: Cyan (variable select)

Options:

  • Cyan
  • Blue
  • Purple
  • Pink
  • Red
  • Orange
  • Yellow
  • Green

Highlight text opacity

CSS Variable(s) targeted: var(--flexcyon-highlight-opacity)

Default: 22.5%

Highlight Text Vertical Padding

CSS Variable(s) targeted: var(--flexcyon-highlight-verti-padding)

Default: 1 (px)

Highlight Text Horizontal Padding

CSS Variable(s) targeted: var(--flexcyon-highlight-horiz-padding)

Default: 2.5 (px)

Highlight Text Border Radius

CSS Variable(s) targeted: var(--flexcyon-highlight-border-radius)

Default: 4 (px)