Colors
Accent
Primary
CSS Variable: --pri
Hex: #2a6df4
Primary Hover
CSS Variable: --pri-hover
Hex: #0c57ed
Primary Highlight
CSS Variable: --pri-highlight
Hex: #ffffff
Secondary
CSS Variable: --sec
Hex: #ffeb57
Secondary Hover
CSS Variable: --sec-hover
Hex: #edba39
Secondary Highlight
CSS Variable: --sec-highlight
Hex: #ffffff
Content
Text
CSS Variable: --text
Hex: #000000
Text Secondary
CSS Variable: --text-sec
Hex: #606e79
Background
CSS Variable: --bg
Hex: #ffffff
Background Secondary
CSS Variable: --bg-sec
Hex: #f0f0f1
Form
Border
CSS Variable: --border
Hex: #d3d3d4
Disabled
CSS Variable: --disabled
Hex: #dee1e3
Notifications
Info
CSS Variable: --info
Hex: #3FA7D6
Alert
CSS Variable: --alert
Hex: #c41c3b
Success
CSS Variable: --success
Hex: #59CD90
Root
Click to copy
:root {
--pri: #2a6df4;
--pri-hover: #0c57ed;
--sec: #ffeb57;
--sec-hover: #edba39;
--text: #000000;
--text-sec: #606e79;
--bg: #ffffff;
--bg-sec: #f0f0f1;
--border: #d3d3d4;
--disabled: #dee1e3;
--info: #3FA7D6;
--alert: #c41c3b;
--success: #59CD90;
}
Note: Use toggle in the sidebar to preview dark theme.
Comments Area
No comments have been posted yet. Please feel free to comment first!
Note: Make sure your comment is related to the topic of the article above. Let's start a personal and meaningful conversation!