ColorPicker - CSS API Reference

All Common CSS variables:

The following CSS selectors can be used to style ColorPicker and ColorPanel:

• smart-color-picker - the element CSS selector.
  • .smart-container - the container that holds all of the internals of the element. Shoudn't be used for styling.
    • --smart-color-panel-default-width: auto; - ColorPanel default width
    • --smart-color-panel-default-height: auto; - ColorPanel default height
    • --smart-color-panel-palette-size: 300px; - ColorPanel palette size
    • --smart-color-panel-grid-mode-item-size: 20px; - ColorPanel item size
    • --smart-color-panel-grid-mode-column-count: 8; - ColorPanel column count
    • --smart-color-panel-grid-mode-columns-gap: 1px; - ColorPanel column gap size
    • --smart-color-panel-brightness: 0; - ColorPanel brightness
    • --smart-color-panel-default-mode-sections-gap: 8px; - ColorPanel gap size in default mode
    • --smart-color-panel-palette-width: var(--smart-color-panel-palette-size); - ColorPanel palette width
    • --smart-color-panel-palette-height: var(--smart-color-panel-palette-size); - ColorPanel palette height
    • --smart-color-panel-alpha-channel-color: white; - Used as a default color for the Alpha Scale