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 2cfce4047e
commit 6dfc8c87a0
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 let darkModeEnabled = JSON.parse(localStorage.getItem(GENERAL_SETTINGS.DARK_MODE_ENABLED)) || GENERAL_SETTINGS.DARK_MODE_ENABLED_DEFAULT
if (darkModeUseSystem) { if (darkModeUseSystem) {
this.renderer.addClass(this.document.body, 'dark-mode-preferred') this.renderer.addClass(this.document.body, 'color-scheme-system')
this.renderer.removeClass(this.document.body, 'dark-mode') this.renderer.removeClass(this.document.body, 'color-scheme-dark')
} else { } else {
this.renderer.removeClass(this.document.body, 'dark-mode-preferred') this.renderer.removeClass(this.document.body, 'color-scheme-system')
darkModeEnabled ? this.renderer.addClass(this.document.body, 'dark-mode') : this.renderer.removeClass(this.document.body, 'dark-mode') 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"> <meta name="color-scheme" content="dark light">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
</head> </head>
<body> <body class="color-scheme-system">
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>

4
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; @include dark-mode;
} }
body.color-scheme-system {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body.dark-mode-preferred {
@include dark-mode; @include dark-mode;
} }
} }