jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 03:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix app-theme-color not following header color (#20758)

Browse Source 
* Fix app-theme-color not following header color

* Revert incorrect fix for #20671 that only applies when a primary color is set by the user
This commit is contained in:
Adam Kapos 2024-05-22 16:26:13 +03:00 committed by GitHub
parent 0b6994d402
commit 19f94ff8cc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/common/dom/apply_themes_on_element.ts
View File

@ -61,8 +61,11 @@ export const applyThemesOnElement = (
const accentColor = themeSettings?.accentColor; const accentColor = themeSettings?.accentColor;
if (darkMode && primaryColor) { if (darkMode && primaryColor) {
themeRules["app-theme-color"] = hexBlend(primaryColor, "#121212", 8); themeRules["app-header-background-color"] = hexBlend(
themeRules["app-header-background-color"] = themeRules["app-theme-color"]; primaryColor,
"#121212",
8
);
} }
if (primaryColor) { if (primaryColor) {

2
src/resources/styles-data.ts
View File

@ -102,7 +102,7 @@ export const derivedStyles = {
"mdc-theme-error": "var(--error-color)", "mdc-theme-error": "var(--error-color)",
"app-header-text-color": "var(--text-primary-color)", "app-header-text-color": "var(--text-primary-color)",
"app-header-background-color": "var(--primary-color)", "app-header-background-color": "var(--primary-color)",
"app-theme-color": "var(--primary-color)", "app-theme-color": "var(--app-header-background-color)",
"mdc-checkbox-unchecked-color": "rgba(var(--rgb-primary-text-color), 0.54)", "mdc-checkbox-unchecked-color": "rgba(var(--rgb-primary-text-color), 0.54)",
"mdc-checkbox-disabled-color": "var(--disabled-text-color)", "mdc-checkbox-disabled-color": "var(--disabled-text-color)",
"mdc-radio-unchecked-color": "rgba(var(--rgb-primary-text-color), 0.54)", "mdc-radio-unchecked-color": "rgba(var(--rgb-primary-text-color), 0.54)",