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

Add color tokens for slider thumb and indicator (#27295)

Browse Source
This commit is contained in:
Jan-Philipp Benecke
2025-10-04 09:12:35 +02:00
committed by Bram Kragten
parent 10718c35d1
commit c9feb0b75f
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,7 +19,6 @@ export class HaSlider extends Slider {
Slider.styles,
css`
:host {
--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);
@@ -54,6 +53,7 @@ export class HaSlider extends Slider {
#thumb {
border: none;
background-color: var(--ha-slider-thumb-color, var(--primary-color));
}
#slider:focus-visible:not(.disabled) #thumb,
@@ -62,6 +62,13 @@ export class HaSlider extends Slider {
outline: var(--wa-focus-ring);
}
#indicator {
background-color: var(
--ha-slider-indicator-color,
var(--primary-color)
);
}
:host([size="medium"]) {
--thumb-width: 20px;
--thumb-height: 20px;