Base Colors

Defined colors overrides theme defaults for base colors used in the background and other UI elements.

Accepted Formats: HEX

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

Configuration Options

Base Color 01

CSS Variable(s) targeted: var(--flexcyon-base-01)

Default (light mode): #faf7ef

Default (dark mode): #14161c

Base Color 02

CSS Variable(s) targeted: var(--flexcyon-base-02)

Default (light mode): #edebe5

Default (dark mode): #191d28

Base Color 03

CSS Variable(s) targeted: var(--flexcyon-base-03)

Default (light mode): #dddcd6

Default (dark mode): #24262c

Base Color 04

CSS Variable(s) targeted: var(--flexcyon-base-04)

Default (light mode): #d3d3ce

Default (dark mode): #4d566b

Base Color 05

CSS Variable(s) targeted: var(--flexcyon-base-05)

Default (light mode): #b4b3af

Default (dark mode): #6f7685

Base dark grey

CSS Variable(s) targeted: var(--flexcyon-base-grey-dark)

Default (light mode): #797876

Default (dark mode): #898c93

Base light grey

CSS Variable(s) targeted: var(--flexcyon-base-grey-light)

Default (light mode): #080808

Default (dark mode): #d3d5d3

Base grey tab

CSS Variable(s) targeted: var(--flexcyon-base-grey-token)

Default: #586582

Base grey scroll

CSS Variable(s) targeted: var(--flexcyon-base-grey-scroll)

Default: #3f495e

Base grey scroll hover

CSS Variable(s) targeted: var(--flexcyon-base-grey-scroll-hover)

Default: #5d6782