@spectrum-web-components/styles/tokens-v2/spectrum/custom-light-vars.css

Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are ma

/* @deprecated these assets should not be used; the custom override values exist in ../light-vars.css */
:host,
:root {
    --spectrum-menu-item-background-color-default-rgb: 0, 0, 0;
    --spectrum-menu-item-background-color-default-opacity: 0;
    --spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity)); /* --spectrum-gray-900 */
    --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-black-200);
    --spectrum-menu-item-background-color-down: var(--spectrum-transparent-black-200);
    --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-black-200);

    /* Drop Zone background color rgb */
    --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb); /* var(--spectrum-accent-color-800);*/

    /* Drop Indicator color rgb */
    --spectrum-dropindicator-color: var(--spectrum-blue-800);

    --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
    --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-black-rgb), 0.06);
    --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
    --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
    --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-black-200);
    --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-900-rgb), 0.2);
    --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-black-rgb), 0.06);
    --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800);

    --spectrum-badge-label-icon-color-primary: var(--spectrum-white);

    --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
    --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
    --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);

    --spectrum-well-border-color: var(--spectrum-black-rgb);

    --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800);

    --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06);
    --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);

    --spectrum-logic-button-and-background-color: var(--spectrum-blue-900);
    --spectrum-logic-button-and-border-color: var(--spectrum-blue-900);
    --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1100);
    --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1100);

    --spectrum-logic-button-or-background-color: var(--spectrum-magenta-900);
    --spectrum-logic-button-or-border-color: var(--spectrum-magenta-900);
    --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-1100);
    --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-1100);

    --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900);
    --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900);
    --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000);
    --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-900);
    --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-800);

    --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
    --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
    --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800);
}