34 lines
899 B
CSS
34 lines
899 B
CSS
|
:root {
|
||
|
|
/* background for <body> */
|
||
|
|
--base-color: #0d0113;
|
||
|
|
|
||
|
|
/* background for regular widgets */
|
||
|
|
--background-color: #1d1122;
|
||
|
|
|
||
|
|
/* text on background-color */
|
||
|
|
--text-color: #eaddf4;
|
||
|
|
|
||
|
|
/* color for buttons, links, etd */
|
||
|
|
--accent-color: #a017df;
|
||
|
|
/* clicked/hovered elements in accent-color */
|
||
|
|
--accent-highlight-color: #c356f4;
|
||
|
|
/* text on accent color */
|
||
|
|
--accent-text-color: #e0d1e1;
|
||
|
|
--accent-highlight-text-color: var(--accent-text-color);
|
||
|
|
|
||
|
|
/* border radius for smaller components like buttons */
|
||
|
|
--border-radius: 8px;
|
||
|
|
/* border radius for larger components like modals */
|
||
|
|
--border-radius-large: 16px;
|
||
|
|
|
||
|
|
--font-family: "Source Sans 3", sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: var(--background-color);
|
||
|
|
color: var(--text-color);
|
||
|
|
font-family: "Source Sans 3", sans-serif;
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|