66 lines
1.1 KiB
CSS
66 lines
1.1 KiB
CSS
|
@media (prefers-color-scheme: dark) {
|
||
|
|
#thToggle {
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background: #303030;
|
||
|
|
color: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
p { color: #ccc }
|
||
|
|
|
||
|
|
hr { border-color: #6c6c6c }
|
||
|
|
|
||
|
|
.card {
|
||
|
|
--bgclr: #444;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.card-title {
|
||
|
|
background: #555;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
background: #222;
|
||
|
|
}
|
||
|
|
.navbar-title, .navbar-items *, .drawer-items * {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jtron {
|
||
|
|
background: linear-gradient(to bottom, rgba(15, 15, 15, 0.55), rgba(48, 48, 48, 0.75)), url(/img/background-grey.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
.jtron-right {
|
||
|
|
background: rgba(0, 0, 0, 0.25);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
body.dark {
|
||
|
|
background: #303030;
|
||
|
|
color: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
p.dark { color: #ccc }
|
||
|
|
|
||
|
|
hr.dark { border-color: #6c6c6c }
|
||
|
|
|
||
|
|
.card.dark {
|
||
|
|
--bgclr: #444;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.card-title.dark {
|
||
|
|
background: #555;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.dark {
|
||
|
|
background: #222;
|
||
|
|
}
|
||
|
|
.navbar-title.dark, .navbar-items.dark *, .drawer-items.dark * {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jtron.dark {
|
||
|
|
background: linear-gradient(to bottom, rgba(15, 15, 15, 0.55), rgba(48, 48, 48, 0.75)), url(/img/background-grey.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
.jtron-right.dark {
|
||
|
|
background: rgba(0, 0, 0, 0.25);
|
||
|
|
}
|