jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-05 09:00:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add custom color token for control color (#27227)

Browse Source
This commit is contained in:
Jan-Philipp Benecke
2025-09-29 09:28:24 +02:00
committed by GitHub
parent e546cb3374
commit facce7b016
2 changed files with 4 additions and 1 deletions
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, Slider.styles,
css` css`
:host { :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); --track-size: var(--ha-slider-track-size, 4px);
--marker-height: calc(var(--ha-slider-track-size, 4px) / 2); --marker-height: calc(var(--ha-slider-track-size, 4px) / 2);
--marker-width: 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-background-color: var(--card-background-color);
--material-secondary-background-color: var(--secondary-background-color); --material-secondary-background-color: var(--secondary-background-color);
--material-secondary-text-color: var(--secondary-text-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);
} }
`; `;