跳转至

基础色

定义的颜色会覆盖背景和其他UI元素中使用的基础颜色的主题默认值。

接受的格式: HEX

导航

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

配置选项

基础色 01

目标 CSS 变量: var(--flexcyon-base-01)

默认 (灯光模式): #faf7ef

默认 (暗模式): #14161c

基础色 02

目标 CSS 变量: var(--flexcyon-base-02)

默认 (灯光模式): #edebe5

默认 (暗模式): #191d28

基础色 03

目标 CSS 变量: var(--flexcyon-base-03)

默认 (灯光模式): #dddcd6

默认 (暗模式): #24262c

基础色 04

目标 CSS 变量: var(--flexcyon-base-04)

默认 (灯光模式): #d3d3ce

默认 (暗模式): #4d566b

基础色 05

目标 CSS 变量: var(--flexcyon-base-05)

默认 (灯光模式): #b4b3af

默认 (暗模式): #6f7685

基础深灰色

目标 CSS 变量: var(--flexcyon-base-grey-dark)

默认 (灯光模式): #797876

默认 (暗模式): #898c93

基础浅灰色

目标 CSS 变量: var(--flexcyon-base-grey-light)

默认 (灯光模式): #080808

默认 (暗模式): #d3d5d3

基础灰色标签

目标 CSS 变量: var(--flexcyon-base-grey-token)

默认: #586582

基础灰色卷轴

目标 CSS 变量: var(--flexcyon-base-grey-scroll)

默认: #3f495e

基础灰色卷轴悬停

目标 CSS 变量: var(--flexcyon-base-grey-scroll-hover)

默认: #5d6782

评论