2022-12-12 23:56:45 +01:00
|
|
|
:root {
|
|
|
|
|
/* background for <body> */
|
|
|
|
|
--base-color: #0d0113;
|
|
|
|
|
|
|
|
|
|
/* background for regular widgets */
|
2022-12-13 02:48:11 +01:00
|
|
|
--background-color: #1b0b22;
|
|
|
|
|
/* background for widgets embedded in other widgets, like the compose box */
|
|
|
|
|
--background-lighter-color: #2e1837;
|
2022-12-12 23:56:45 +01:00
|
|
|
|
|
|
|
|
/* 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);
|
|
|
|
|
|
2022-12-14 01:02:24 +01:00
|
|
|
--success-color: #00ff00;
|
|
|
|
|
--warning-color: #d78318;
|
|
|
|
|
--error-color: #f21736;
|
|
|
|
|
|
2022-12-12 23:56:45 +01:00
|
|
|
/* 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;
|
2022-12-13 21:12:52 +01:00
|
|
|
|
|
|
|
|
--anim-duration-short: 60ms;
|
2022-12-12 23:56:45 +01:00
|
|
|
}
|
|
|
|
|
|
2022-12-13 02:48:11 +01:00
|
|
|
html, body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
}
|
|
|
|
|
|
2022-12-12 23:56:45 +01:00
|
|
|
body {
|
2022-12-13 02:48:11 +01:00
|
|
|
background-color: var(--base-color);
|
2022-12-12 23:56:45 +01:00
|
|
|
color: var(--text-color);
|
|
|
|
|
font-family: "Source Sans 3", sans-serif;
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
