Home-Assistant
/
frontend
mirror of https://github.com/home-assistant/frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add custom color token for control color (#27227)

pull/27240/head
Jan-Philipp Benecke 2025-09-29 09:28:24 +02:00 committed by GitHub
parent e546cb3374
commit facce7b016
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ha-slider.ts
View File

@ -19,7 +19,7 @@ export class HaSlider extends Slider {
Slider.styles,
css`
:host {
--wa-form-control-activated-color: var(--primary-color);
--wa-form-control-activated-color: var(--ha-control-color);
--track-size: var(--ha-slider-track-size, 4px);
--marker-height: calc(var(--ha-slider-track-size, 4px) / 2);
--marker-width: calc(var(--ha-slider-track-size, 4px) / 2);

3
src/resources/theme/color/color.globals.ts
View File

@ -273,6 +273,9 @@ export const colorStyles = css`
--material-background-color: var(--card-background-color);
--material-secondary-background-color: var(--secondary-background-color);
--material-secondary-text-color: var(--secondary-text-color);
/* Color for Home Assistant input controls e.g. slider, radio buttons */
--ha-control-color: var(--primary-color);
}
`;