Changelog, support for dark theme in document root
This commit is contained in:
parent
7f32216404
commit
97c52169da
|
@ -38,6 +38,10 @@ html {
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
||||||
background: #dee1ea;
|
background: #dee1ea;
|
||||||
|
|
||||||
|
@include DarkThemeOverride {
|
||||||
|
background: #5c606c;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
|
@ -350,7 +350,7 @@ button,
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin DarkThemeOverride {
|
@mixin DarkThemeOverride {
|
||||||
@at-root body[data-theme="dark"] &,
|
@at-root html[data-theme="dark"] &,
|
||||||
&[data-theme="dark"] {
|
&[data-theme="dark"] {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
|
|
|
@ -61,4 +61,21 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@include DarkThemeOverride {
|
||||||
|
.headerBar {
|
||||||
|
h1 {
|
||||||
|
color: #cfceca;
|
||||||
|
}
|
||||||
|
|
||||||
|
.backButton {
|
||||||
|
filter: invert(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .container > .content {
|
||||||
|
background: #4b4c50;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -160,7 +160,7 @@ export const allApplicationSettings = [
|
||||||
*/
|
*/
|
||||||
(app, id) => {
|
(app, id) => {
|
||||||
applyGameTheme(id);
|
applyGameTheme(id);
|
||||||
document.body.setAttribute("data-theme", id);
|
document.documentElement.setAttribute("data-theme", id);
|
||||||
},
|
},
|
||||||
enabled: !IS_DEMO,
|
enabled: !IS_DEMO,
|
||||||
}),
|
}),
|
||||||
|
|
Loading…
Reference in New Issue