From a186527f070ba378d41b1e78dec1d0ff97d0bdc7 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 26 Nov 2024 10:24:48 -0800
Subject: [PATCH] Enhancement: use theme-color meta tag (#8359)
---
src-ui/messages.xlf | 74 ++++++++++-----------
src-ui/src/app/data/ui-settings.ts | 2 +
src-ui/src/app/services/settings.service.ts | 14 +++-
3 files changed, 51 insertions(+), 39 deletions(-)
diff --git a/src-ui/messages.xlf b/src-ui/messages.xlf
index b4255aa63..012647605 100644
--- a/src-ui/messages.xlf
+++ b/src-ui/messages.xlf
@@ -9112,259 +9112,259 @@
English (US)
src/app/services/settings.service.ts
- 46
+ 51
Afrikaans
src/app/services/settings.service.ts
- 52
+ 57
Arabic
src/app/services/settings.service.ts
- 58
+ 63
Belarusian
src/app/services/settings.service.ts
- 64
+ 69
Bulgarian
src/app/services/settings.service.ts
- 70
+ 75
Catalan
src/app/services/settings.service.ts
- 76
+ 81
Czech
src/app/services/settings.service.ts
- 82
+ 87
Danish
src/app/services/settings.service.ts
- 88
+ 93
German
src/app/services/settings.service.ts
- 94
+ 99
Greek
src/app/services/settings.service.ts
- 100
+ 105
English (GB)
src/app/services/settings.service.ts
- 106
+ 111
Spanish
src/app/services/settings.service.ts
- 112
+ 117
Finnish
src/app/services/settings.service.ts
- 118
+ 123
French
src/app/services/settings.service.ts
- 124
+ 129
Hungarian
src/app/services/settings.service.ts
- 130
+ 135
Italian
src/app/services/settings.service.ts
- 136
+ 141
Japanese
src/app/services/settings.service.ts
- 142
+ 147
Korean
src/app/services/settings.service.ts
- 148
+ 153
Luxembourgish
src/app/services/settings.service.ts
- 154
+ 159
Dutch
src/app/services/settings.service.ts
- 160
+ 165
Norwegian
src/app/services/settings.service.ts
- 166
+ 171
Polish
src/app/services/settings.service.ts
- 172
+ 177
Portuguese (Brazil)
src/app/services/settings.service.ts
- 178
+ 183
Portuguese
src/app/services/settings.service.ts
- 184
+ 189
Romanian
src/app/services/settings.service.ts
- 190
+ 195
Russian
src/app/services/settings.service.ts
- 196
+ 201
Slovak
src/app/services/settings.service.ts
- 202
+ 207
Slovenian
src/app/services/settings.service.ts
- 208
+ 213
Serbian
src/app/services/settings.service.ts
- 214
+ 219
Swedish
src/app/services/settings.service.ts
- 220
+ 225
Turkish
src/app/services/settings.service.ts
- 226
+ 231
Ukrainian
src/app/services/settings.service.ts
- 232
+ 237
Chinese Simplified
src/app/services/settings.service.ts
- 238
+ 243
ISO 8601
src/app/services/settings.service.ts
- 246
+ 251
Successfully completed one-time migratration of settings to the database!
src/app/services/settings.service.ts
- 574
+ 584
Unable to migrate settings to the database, please try saving manually.
src/app/services/settings.service.ts
- 575
+ 585
You can restart the tour from the settings page.
src/app/services/settings.service.ts
- 645
+ 655
diff --git a/src-ui/src/app/data/ui-settings.ts b/src-ui/src/app/data/ui-settings.ts
index d7a6c284e..dfdebb9e1 100644
--- a/src-ui/src/app/data/ui-settings.ts
+++ b/src-ui/src/app/data/ui-settings.ts
@@ -17,6 +17,8 @@ export enum GlobalSearchType {
TITLE_CONTENT = 'title-content',
}
+export const PAPERLESS_GREEN_HEX = '#17541f'
+
export const SETTINGS_KEYS = {
LANGUAGE: 'language',
APP_LOGO: 'app_logo',
diff --git a/src-ui/src/app/services/settings.service.ts b/src-ui/src/app/services/settings.service.ts
index 5005a2865..670bf9943 100644
--- a/src-ui/src/app/services/settings.service.ts
+++ b/src-ui/src/app/services/settings.service.ts
@@ -17,7 +17,12 @@ import {
hexToHsl,
} from 'src/app/utils/color'
import { environment } from 'src/environments/environment'
-import { UiSettings, SETTINGS, SETTINGS_KEYS } from '../data/ui-settings'
+import {
+ UiSettings,
+ SETTINGS,
+ SETTINGS_KEYS,
+ PAPERLESS_GREEN_HEX,
+} from '../data/ui-settings'
import { User } from '../data/user'
import {
PermissionAction,
@@ -420,7 +425,7 @@ export class SettingsService {
)
}
- if (themeColor) {
+ if (themeColor?.length) {
const hsl = hexToHsl(themeColor)
const bgBrightnessEstimate = estimateBrightnessForColor(themeColor)
@@ -445,6 +450,11 @@ export class SettingsService {
document.documentElement.style.removeProperty('--pngx-primary')
document.documentElement.style.removeProperty('--pngx-primary-lightness')
}
+
+ this.meta.updateTag({
+ name: 'theme-color',
+ content: themeColor?.length ? themeColor : PAPERLESS_GREEN_HEX,
+ })
}
getLanguageOptions(): LanguageOption[] {