mirror of
https://github.com/sorenpeter/timeline.git
synced 2025-12-13 01:47:01 +00:00
60 lines
No EOL
1.4 KiB
CSS
60 lines
No EOL
1.4 KiB
CSS
/* Copy this file to custom.css and edit the styling as you like */
|
|
|
|
/* === Custom CSS based on: https://github.com/ilyadzh/plain-css */
|
|
|
|
:root {
|
|
--green: #27ae60;
|
|
--blue: #3498db;
|
|
--yellow: #f7af15;
|
|
--red: #e74c3c;
|
|
--orange: #fe5722;
|
|
--purple: #9b27af;
|
|
--gray: #747681;
|
|
--black: #333;
|
|
--alice: #f4f5f6;
|
|
--apple: #bfffbf;
|
|
}
|
|
|
|
/* Global variables. */
|
|
:root,
|
|
::backdrop {
|
|
/* Set sans-serif & mono fonts */
|
|
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
|
|
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
|
|
"Helvetica Neue", sans-serif;
|
|
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
|
|
--standard-border-radius: 5px;
|
|
|
|
/* Default (light) theme */
|
|
--bg: #fff;
|
|
--accent-bg: var(--alice);
|
|
--text: #212121;
|
|
--text-light: #585858;
|
|
--border: #d1d1d1;
|
|
--accent: var(--green);
|
|
--code: #000;
|
|
--preformatted: #444;
|
|
--marked: #ffdd33;
|
|
--disabled: #efefef;
|
|
}
|
|
|
|
/* Dark theme */
|
|
@media (prefers-color-scheme: dark) {
|
|
:root,
|
|
::backdrop {
|
|
color-scheme: dark;
|
|
--bg: #212121;
|
|
--accent-bg: #2b2b2b;
|
|
--text: #dcdcdc;
|
|
--text-light: #ababab;
|
|
--accent: #ffb300;
|
|
--code: #f06292;
|
|
--preformatted: #ccc;
|
|
--disabled: #111;
|
|
}
|
|
/* Add a bit of transparency so light media isn't so glaring in dark mode */
|
|
img,
|
|
video {
|
|
opacity: 0.8;
|
|
}
|
|
} |