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

Add light theme #5

Merged
speedie merged 1 commit from light-theme into master 2023-07-28 23:56:11 +02:00
Conversation 0 Commits 1 Files changed 1 +221 -91
1 changed files with 221 additions and 91 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

312
css/index.css
View file

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