Merge pull request #196 from hugmanrique/color-schemes
Default to light theme
This commit is contained in:
commit
21091196e2
@ -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) {
|
||||||
@ -407,18 +404,18 @@ footer a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Mojang status colors */
|
/* Mojang status colors */
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
.mojang-status-online {
|
|
||||||
background: #87D37C;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mojang-status-unstable {
|
/* Light theme */
|
||||||
background: #f1c40f;
|
.mojang-status-online {
|
||||||
}
|
background: #87D37C;
|
||||||
|
}
|
||||||
|
|
||||||
.mojang-status-offline {
|
.mojang-status-unstable {
|
||||||
background: #DE5749;
|
background: #f1c40f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mojang-status-offline {
|
||||||
|
background: #DE5749;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
Loading…
Reference in New Issue
Block a user