@salesforce-ux/design-system/metadata/components/slider/styling-hooks.json

Salesforce Lightning Design System

{"--slds-c-slider-thumb-radius-border":{"fallbackValue":"50%","category":"Radius","valueType":"Dimension"},"--slds-c-slider-thumb-color-foreground":{"fallbackValue":"rgb(1, 118, 211)","category":"Color","valueType":"Color"},"--slds-c-slider-thumb-shadow":{"fallbackValue":"10, rgba(0, 0, 0, 0.16) 0 2px 3px","category":"Box Shadow","valueType":"String"},"--slds-c-slider-thumb-color-foreground-hover":{"fallbackValue":"rgb(1, 68, 134)","category":"Color","valueType":"Color"},"--slds-c-slider-track-color-background":{"fallbackValue":"95, rgb(243, 243, 243)","category":"Color","valueType":"Color"},"--slds-c-slider-track-radius-border":{"fallbackValue":"0.125rem","category":"Radius","valueType":"Dimension"},"--slds-c-slider-thumb-color-foreground-focus":{"fallbackValue":"rgb(1, 68, 134)","category":"Color","valueType":"Color"},"--slds-c-slider-thumb-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-slider-thumb-color-foreground-active":{"fallbackValue":"rgb(1, 68, 134)","category":"Color","valueType":"Color"}}