speedie/spmenu-wiki
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add WIP light theme

Browse source
This commit is contained in:
speedie 2023-07-25 21:43:31 +02:00
parent d8353989bb
commit a1e194861a
1 changed files with 221 additions and 91 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

238
css/index.css
View file

@ -280,123 +280,253 @@ input.search {
} }
/* Actual colors */ /* Actual colors */
body { @media (prefers-color-scheme: dark) {
body {
background-color: #363636; background-color: #363636;
} }
blockquote { blockquote {
background-color: #0f070f; background-color: #0f070f;
} }
hr { hr {
border-top: 1px solid #363636; border-top: 1px solid #363636;
} }
pre { pre {
background: #212121; background: #212121;
} }
code { code {
background: #212121; background: #212121;
color: #bbbbbb; color: #bbbbbb;
} }
table { table {
background-color: #212121; background-color: #212121;
color: #dddddd; color: #dddddd;
} }
td, th { td, th {
background: #212121; background: #212121;
} }
thead { thead {
border-bottom: 1px solid black; border-bottom: 1px solid black;
} }
tr:nth-child(even) { tr:nth-child(even) {
background: #e4e4e4; background: #e4e4e4;
} }
tr:nth-child(odd) { tr:nth-child(odd) {
background: #eeeeee; background: #eeeeee;
} }
.footer { .footer {
color: #f0eee4; color: #f0eee4;
} }
textarea { textarea {
background-color: #212121; background-color: #212121;
color: #f0eee4; color: #f0eee4;
} }
.main { .main {
background-color: #212121; background-color: #212121;
color: #f0eee4; color: #f0eee4;
} }
.main a { .main a {
color: #89bfff; color: #89bfff;
} }
.footer a { .footer a {
color: #89bfff; color: #89bfff;
} }
.main a:hover { .main a:hover {
color: #ccccff; color: #ccccff;
} }
.footer a:hover { .footer a:hover {
color: #ccccff; color: #ccccff;
} }
.main a.literalMatch { .main a.literalMatch {
color: #6666ff; color: #6666ff;
} }
.main a.noexist { .main a.noexist {
color: #f34000 !important; color: #f34000 !important;
} }
.titlebar { .titlebar {
background-color: #262626; background-color: #262626;
color: #89bfff; color: #89bfff;
} }
.titledate { .titledate {
color: #777777; color: #777777;
} }
.toolbar { .toolbar {
background-color: #363636; background-color: #363636;
} }
.toolbar > a, .titlebar > a { .toolbar > a, .titlebar > a {
color: #eeeeee; color: #eeeeee;
} }
.sidebar { .sidebar {
border: solid 1px #666644; border: solid 1px #666644;
} }
input.search { input.search {
border-color: #363636; border-color: #363636;
background-color: #363636; background-color: #363636;
color: #f0eee4; color: #f0eee4;
} }
.sidebar { .sidebar {
color: #aaaaaa; color: #aaaaaa;
border-color: #aaaaaa; border-color: #aaaaaa;
background-color: #262626; background-color: #262626;
} }
.sidebar a { .sidebar a {
color: #19bfff; color: #19bfff;
}
.sidebar a:hover {
color: #bbbbff;
}
} }
.sidebar a:hover { @media (prefers-color-scheme: light) {
body {
background-color: #fffffe;
}
blockquote {
background-color: #ffffff;
}
hr {
border-top: 1px solid #fffff0;
}
pre {
background: #fdfff5;
}
code {
background: #fdfff5;
color: #111111;
}
table {
background-color: #fdfff5;
color: #333333;
}
td, th {
background: #fdfff5;
}
thead {
border-bottom: 1px solid black;
}
tr:nth-child(even) {
background: #e4e4e4;
}
tr:nth-child(odd) {
background: #eeeeee;
}
.footer {
color: #222222;
}
textarea {
background-color: #fdfff5;
color: #222222;
}
.main {
background-color: #fdfff5;
color: #222222;
}
.main a {
color: #89a0f0;
}
.footer a {
color: #89a0f0;
}
.main a:hover {
color: #ccc0ff;
}
.footer a:hover {
color: #ccc0ff;
}
.main a.literalMatch {
color: #6666ff;
}
.main a.noexist {
color: #f34000 !important;
}
.titlebar {
background-color: #ffffee;
color: #89bfff;
}
.titledate {
color: #777777;
}
.toolbar {
background-color: #fffff0;
}
.toolbar a {
-webkit-filter: invert(100%);
filter: invert(100%);
}
.toolbar > a, .titlebar > a {
color: #eeeeee;
}
.sidebar {
border: solid 1px #666644;
}
input.search {
border-color: #fffff0;
background-color: #fffff0;
color: #222222;
}
.sidebar {
color: #aaaaaa;
border-color: #aaaaaa;
background-color: #fffffe;
}
.sidebar a {
color: #19a0ff;
}
.sidebar a:hover {
color: #bbbbff; color: #bbbbff;
}
} }