rixty
/
AzuraCast
mirror of https://github.com/AzuraCast/AzuraCast.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

Switch to CSS media query to avoid unstyled content flash.

This commit is contained in:
Buster "Silver Eagle" Neece 2021-05-04 12:32:32 -05:00
parent 642ca15803
commit f09f5e617a
No known key found for this signature in database
GPG Key ID: 6D9E12FF03411F4E
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config/assets.php
View File

@ -177,9 +177,7 @@ return [
let currentTheme = document.documentElement.getAttribute('data-theme');
if (currentTheme === 'browser') {
currentTheme = (window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
document.documentElement.setAttribute('data-theme', currentTheme);
}
App.theme = currentTheme;
JS,
],

7
frontend/scss/style.scss
View File

@ -12,3 +12,10 @@
$theme: 'dark';
@import 'common-colors';
}
@media screen and (prefers-color-scheme: dark) {
[data-theme="browser"] {
$theme: 'dark';
@import 'common-colors';
}
}