Skip to content

Base Colors

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

Accepted Formats: HEX

Navigation 

Style Settings
|-- flexcyon://Editor
|   |-- Colors
|   |   |-- Base Colors
md

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 light

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

Default (light mode): #080808

Default (dark mode): #d3d5d3