@salesforce-ux/design-system/ui/components/slider/tokens/background-color.yml

Salesforce Lightning Design System

# Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
# Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

global:
  scope: component
  type: color
  category: background-color
  cssProperties:
  - 'background*'
  - 'border*'
  - box-shadow
imports:
- "../../../../design-tokens/aliases/colors.yml"
- "../../../../design-tokens/aliases/color-palettes.yml"
props:
  SLIDER_HANDLE_COLOR_BACKGROUND:
    value: '{!PALETTE_BLUE_60}'
  SLIDER_HANDLE_COLOR_BACKGROUND_HOVER:
    value: '{!PALETTE_BLUE_50}'
  SLIDER_HANDLE_COLOR_BACKGROUND_FOCUS:
    value: '{!PALETTE_BLUE_50}'
  SLIDER_HANDLE_COLOR_BACKGROUND_ACTIVE:
    value: '{!PALETTE_BLUE_50}'
  SLIDER_TRACK_COLOR_BACKGROUND:
    value: '{!PALETTE_NEUTRAL_95}'
  SLIDER_TRACK_COLOR_BACKGROUND_FILL:
    value: '{!PALETTE_BLUE_60}'
  SLIDER_COLOR_BACKGROUND_DISABLED:
    value: '{!PALETTE_NEUTRAL_95}'