Fascinated/Minetrack
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge pull request #196 from hugmanrique/color-schemes

Browse Source 
Default to light theme
This commit is contained in:
Nick Krecklow 2020-07-07 21:51:43 -05:00 committed by GitHub
commit 21091196e2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
assets/css/main.css
View File

@ -21,23 +21,20 @@
--theme-color-light: #EBEBEB; --theme-color-light: #EBEBEB;
--border-radius: 1px; --border-radius: 1px;
/* Light theme */
--color-purple: var(--color-light-purple);
--color-blue: var(--color-light-blue);
--color-blue-inverted: var(--color-dark-blue);
--background-color: var(--theme-color-light);
--text-decoration-color: var(--theme-color-dark);
--text-color: #000;
--text-color-inverted: #FFF;
} }
@media (prefers-color-scheme: light) { body {
:root { background: #212021;
--color-purple: var(--color-light-purple); color: #FFF;
--color-blue: var(--color-light-blue);
--color-blue-inverted: var(--color-dark-blue);
--background-color: var(--theme-color-light);
--text-decoration-color: var(--theme-color-dark);
--text-color: #000;
--text-color-inverted: #FFF;
}
body {
background: #212021;
color: #FFF;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -224,8 +221,8 @@ footer a:hover {
/* Server listing */ /* Server listing */
#server-list { #server-list {
overflow: auto; overflow: auto;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
} }
@ -407,18 +404,18 @@ footer a:hover {
} }
/* Mojang status colors */ /* Mojang status colors */
@media (prefers-color-scheme: light) {
.mojang-status-online { /* Light theme */
background: #87D37C; .mojang-status-online {
} background: #87D37C;
}
.mojang-status-unstable {
background: #f1c40f; .mojang-status-unstable {
} background: #f1c40f;
}
.mojang-status-offline {
background: #DE5749; .mojang-status-offline {
} background: #DE5749;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {