Semantic correction

This commit is contained in:
Michael Shamoon 2020-12-28 19:07:12 -08:00
parent f770f0444a
commit 4ecd5ada06
3 changed files with 8 additions and 8 deletions

View File

@ -19,11 +19,11 @@ export class AppViewService {
let darkModeEnabled = JSON.parse(localStorage.getItem(GENERAL_SETTINGS.DARK_MODE_ENABLED)) || GENERAL_SETTINGS.DARK_MODE_ENABLED_DEFAULT
if (darkModeUseSystem) {
this.renderer.addClass(this.document.body, 'dark-mode-preferred')
this.renderer.removeClass(this.document.body, 'dark-mode')
this.renderer.addClass(this.document.body, 'color-scheme-system')
this.renderer.removeClass(this.document.body, 'color-scheme-dark')
} else {
this.renderer.removeClass(this.document.body, 'dark-mode-preferred')
darkModeEnabled ? this.renderer.addClass(this.document.body, 'dark-mode') : this.renderer.removeClass(this.document.body, 'dark-mode')
this.renderer.removeClass(this.document.body, 'color-scheme-system')
darkModeEnabled ? this.renderer.addClass(this.document.body, 'color-scheme-dark') : this.renderer.removeClass(this.document.body, 'dark-mode')
}
}

View File

@ -8,7 +8,7 @@
<meta name="color-scheme" content="dark light">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<body class="color-scheme-system">
<app-root></app-root>
</body>
</html>

View File

@ -319,11 +319,11 @@ $border-color-dark-mode: #47494f;
}
}
body.dark-mode {
body.color-scheme-dark {
@include dark-mode;
}
@media (prefers-color-scheme: dark) {
body.dark-mode-preferred {
body.color-scheme-system {
@media (prefers-color-scheme: dark) {
@include dark-mode;
}
}