/** * Copyright (C) 2023 Intel Corporation * SPDX-License-Identifier: MIT */ /* Do not edit this file manually! This file is generated automatically from the @spark-design/tokens package.*/ :root, [data-theme='light'] { --spark-button-monochrome-transparent: var(--spark-color-monochrome-transparent); --spark-button-monochrome-disabled-color: var(--spark-color-monochrome-theme-light-gray500); --spark-button-monochrome-disabled-bg-color: var(--spark-color-monochrome-theme-light-gray200); --spark-button-monochrome-disabled-border-color: var( --spark-color-monochrome-theme-light-gray200 ); --spark-button-monochrome-action-color: var(--spark-color-monochrome-theme-light-gray50); --spark-button-monochrome-action-bg-color: var(--spark-color-monochrome-theme-light-gray900); --spark-button-monochrome-action-bg-color-hover: var( --spark-color-monochrome-theme-light-gray800 ); --spark-button-monochrome-action-bg-color-active: var( --spark-color-monochrome-theme-light-gray700 ); --spark-button-monochrome-action-border-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-primary-color: var(--spark-color-monochrome-theme-light-gray900); --spark-button-monochrome-primary-bg-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-primary-bg-color-hover: var( --spark-color-monochrome-theme-light-gray200 ); --spark-button-monochrome-primary-bg-color-active: var( --spark-color-monochrome-theme-light-gray400 ); --spark-button-monochrome-primary-border-color: var( --spark-color-monochrome-theme-light-gray900 ); --spark-button-monochrome-secondary-color: var(--spark-color-monochrome-theme-light-gray900); --spark-button-monochrome-secondary-bg-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-secondary-bg-color-hover: var( --spark-color-monochrome-theme-light-gray200 ); --spark-button-monochrome-secondary-bg-color-active: var( --spark-color-monochrome-theme-light-gray400 ); --spark-button-monochrome-secondary-border-color: var( --spark-color-monochrome-theme-light-gray400 ); --spark-button-monochrome-ghost-color: var(--spark-color-monochrome-theme-light-gray900); --spark-button-monochrome-ghost-bg-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-ghost-bg-color-hover: var( --spark-color-monochrome-theme-light-gray200 ); --spark-button-monochrome-ghost-bg-color-active: var( --spark-color-monochrome-theme-light-gray400 ); --spark-button-monochrome-ghost-border-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-alert-color: var(--spark-color-monochrome-coral-shade1); --spark-button-monochrome-alert-bg-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-alert-bg-color-active: var(--spark-color-monochrome-coral-tint2); --spark-button-monochrome-alert-bg-color-hover: #fee9e9; --spark-button-monochrome-alert-border-color: var(--spark-color-monochrome-coral-shade1); --spark-button-monochrome-alert-ghost-color: var(--spark-color-monochrome-coral-shade1); --spark-button-monochrome-alert-ghost-bg-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-alert-ghost-bg-color-hover: #fee9e9; --spark-button-monochrome-alert-ghost-bg-color-active: var( --spark-color-monochrome-coral-tint2 ); --spark-button-monochrome-alert-ghost-border-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-unstyled-color: var(--spark-color-monochrome-theme-light-gray900); --spark-button-monochrome-unstyled-bg-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-unstyled-bg-color-hover: var( --spark-color-monochrome-theme-light-gray800 ); --spark-button-monochrome-unstyled-bg-color-active: var( --spark-color-monochrome-theme-light-gray700 ); --spark-button-monochrome-unstyled-border-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-unstyled-alert-color: var(--spark-color-monochrome-coral-shade1); --spark-button-monochrome-unstyled-alert-bg-color: var(--spark-color-monochrome-transparent); --spark-button-monochrome-unstyled-alert-bg-color-hover: #950000; --spark-button-monochrome-unstyled-alert-bg-color-active: #620000; --spark-button-monochrome-unstyled-alert-border-color: var( --spark-color-monochrome-transparent ); }