paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

Semantic correction

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
src-ui/src/app/services/app-view.service.ts
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')
}
}

2
src-ui/src/index.html
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>

6
src-ui/src/theme_dark.scss
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;
}
}