gnu-social/public/assets/default_theme/root.css

37 lines
1.4 KiB
CSS
Raw Normal View History

2021-11-26 13:04:45 +00:00
:root {
--s: 0.666rem;
--unit: 1rem;
--m: 1.067rem;
--xl: 1.138rem;
--xxl: 3.2rem;
2021-11-26 13:04:45 +00:00
}
@media(prefers-color-scheme:dark) {
:root {
--foreground: #eff0f1;
--background-hard: #0E0E0F;
--background-card: #0E0E0F;
--border: #26262C;
2021-11-26 13:04:45 +00:00
--accent: #5ddbcf;
--shadow: 0 5px 20px -10px rgba(255,255,255,0.1)!important;
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
2021-11-26 13:04:45 +00:00
--background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
--gradient: linear-gradient(5deg,var(--border) -33%,transparent 66%) !important;
--gradient-backwards: linear-gradient(-5deg,var(--border) -33%,transparent 66%) !important;
2021-11-26 13:04:45 +00:00
}
}
@media(prefers-color-scheme:light) {
:root {
--foreground: #09090d;
--background-hard: #ebebeb;
--background-card: #f0f0f0;
--border: #C2C2C2;
2021-11-26 13:04:45 +00:00
--accent: #a22430;
--shadow: 0 5px 20px -10px rgba(0,0,0,0.1)!important;
2021-11-26 13:04:45 +00:00
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
--background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
--gradient: linear-gradient(10deg,var(--background-hard) 0,transparent) !important;
--gradient-backwards: linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%) !important;
2021-11-26 13:04:45 +00:00
}
}