Accent Colors

Defined colors overrides theme defaults for heading colors and other UI elements. Also includes overriding the accent colors.

These colors overrides the standard css variables like var(--color-cyan)

Accepted Formats: RGB, HEX

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

Configuration Options

Cyan Color

CSS Variable(s) targeted: var(--flexcyon-cyan), var(--color-cyan-rgb)

Default (light mode): #3b9ba1

Default (dark mode): #3cb9c2

Green Color

CSS Variable(s) targeted: var(--flexcyon-lime-green), var(--color-green-rgb)

Default (light mode): #689523

Default (dark mode): #a1c05c

Orange Color

CSS Variable(s) targeted: var(--flexcyon-orange), var(--color-orange-rgb)

Default (light mode): #ed8126

Default (dark mode): #cc8449

Yellow Color

CSS Variable(s) targeted: var(--flexcyon-yellow), var(--color-yellow-rgb)

Default (light mode): #e8c62a

Default (dark mode): #c29e42

Purple Color

CSS Variable(s) targeted: var(--flexcyon-purple-lilac), var(--color-purple-rgb)

Default (light mode): #6f49ae

Default (dark mode): #a461c8

Red Color

CSS Variable(s) targeted: var(--flexcyon-red-salmon), var(--color-red-rgb)

Default (light mode): #eb5325

Default (dark mode): #c03a47

Blue Color

CSS Variable(s) targeted: var(--flexcyon-blue), var(--color-blue-rgb)

Default (light mode): #5c9fe4

Default (dark mode): #5a8fcd

Pink Color

CSS Variable(s) targeted: var(--flexcyon-pink), var(--color-pink-rgb)

Default (light mode): #e389ca

Default (dark mode): #d458a3

Accent Color

CSS Variable(s) targeted: var(--flexcyon-accent)

Default (dark mode): #5770b9

Default (dark mode): #92a871

Enable Extended Color Palette

CSS Variable(s) targeted: var(--flexcyon-ext-colors-enabled)

Default: true