@spectrum-web-components/styles
Version:
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
59 lines (46 loc) • 3.69 kB
CSS
/* @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);
}