Skip to content

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

Navigation 

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

Configuration Options

Enable Extended Color Palette

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

Default: true

Accent Color

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

Default (dark mode): #4b65b4

Default (dark mode): #a5bc84

Cyan Color

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

Default (light mode): #3b9ba1

Default (dark mode): #3cb9c2

Green Color

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

Default (light mode): #599100

Default (dark mode): #a1c05c

Orange Color

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

Default (light mode): #a37e11

Default (dark mode): #ddad49

Yellow Color

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

Default (light mode): #9b8211

Default (dark mode): #c29e42

Purple Color

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

Default (light mode): #6f49ae

Default (dark mode): #d89ff5

Red Color

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

Default (light mode): #c03a47

Default (dark mode): #ff9880

Blue Color

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

Default (light mode): #3085dd

Default (dark mode): #7ab8fe

Pink Color

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

Default (light mode): #d451a0

Default (dark mode): #ff91cb