mirror of
https://github.com/zadam/trilium.git
synced 2025-10-20 15:19:01 +02:00
style(website): general dark theme
This commit is contained in:
parent
7990c60ce7
commit
4afceeca79
@ -2,7 +2,7 @@ header {
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
background: rgba(255, 255, 255, 0.75);
|
background: var(--header-background-color);
|
||||||
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
@ -1,10 +1,18 @@
|
|||||||
:root {
|
:root {
|
||||||
--card-bg: #fff;
|
--background-color: #fff;
|
||||||
|
--foreground-color: black;
|
||||||
|
--header-background-color: rgba(255, 255, 255, 0.75);
|
||||||
--brand-1: #e47b19;
|
--brand-1: #e47b19;
|
||||||
--brand-2: #4fa52b;
|
--brand-2: #4fa52b;
|
||||||
--brand-3: #e33f3b;
|
--brand-3: #e33f3b;
|
||||||
--bg-dark: #0a0e14;
|
}
|
||||||
--text-on-dark: #ffffff;
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--foreground-color: #fff;
|
||||||
|
--background-color: #0a0e14;
|
||||||
|
--header-background-color: rgba(0, 0, 0, 0.75);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
@ -16,8 +24,8 @@ body {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
background: white;
|
background: var(--background-color);
|
||||||
color: black;
|
color: var(--foreground-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user