paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-07-28 18:24:38 -05:00
Code Issues Packages Projects Releases Wiki Activity

Initial build of primary color contrast

Browse Source
This commit is contained in:
Michael Shamoon
2022-04-12 19:21:55 -07:00
parent a4c89446b3
commit 88defa0358
5 changed files with 237 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src-ui/src/app/services/settings.service.ts
View File

@@ -132,8 +132,22 @@ export class SettingsService {
: this.renderer.removeClass(this.document.body, 'color-scheme-dark')
}
// remove these in case they were there
this.renderer.removeClass(this.document.body, 'text-bg-dark')
this.renderer.removeClass(this.document.body, 'text-bg-light')
if (themeColor) {
const hsl = hexToHsl(themeColor)
const useDarkTextColor =
parseInt(themeColor.replace('#', ''), 16) > 0xffffff / 1.5
if (useDarkTextColor) {
this.renderer.addClass(this.document.body, 'text-bg-dark')
this.renderer.removeClass(this.document.body, 'text-bg-light')
} else {
this.renderer.addClass(this.document.body, 'text-bg-light')
this.renderer.removeClass(this.document.body, 'text-bg-dark')
}
this.renderer.setStyle(
document.documentElement,
'--pngx-primary',