selector/src/@spark-design/css/components/button/mode-light.css

/**
 * 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-transparent: var(--spark-color-transparent);
    --spark-button-disabled-color: var(--spark-color-theme-light-gray500);
    --spark-button-disabled-bg-color: var(--spark-color-theme-light-gray200);
    --spark-button-disabled-border-color: var(--spark-color-theme-light-gray200);
    --spark-button-action-color: var(--spark-color-theme-light-gray50);
    --spark-button-action-bg-color: var(--spark-color-classic-blue);
    --spark-button-action-bg-color-hover: var(--spark-color-classic-blue-shade1);
    --spark-button-action-bg-color-active: var(--spark-color-classic-blue-shade2);
    --spark-button-action-border-color: var(--spark-color-transparent);
    --spark-button-primary-color: var(--spark-color-classic-blue);
    --spark-button-primary-bg-color: var(--spark-color-transparent);
    --spark-button-primary-bg-color-hover: var(--spark-color-theme-light-gray200);
    --spark-button-primary-bg-color-active: var(--spark-color-theme-light-gray400);
    --spark-button-primary-border-color: var(--spark-color-classic-blue);
    --spark-button-secondary-color: var(--spark-color-classic-blue);
    --spark-button-secondary-bg-color: var(--spark-color-transparent);
    --spark-button-secondary-bg-color-hover: var(--spark-color-theme-light-gray200);
    --spark-button-secondary-bg-color-active: var(--spark-color-theme-light-gray400);
    --spark-button-secondary-border-color: var(--spark-color-theme-light-gray400);
    --spark-button-ghost-color: var(--spark-color-classic-blue);
    --spark-button-ghost-bg-color: var(--spark-color-transparent);
    --spark-button-ghost-bg-color-hover: var(--spark-color-theme-light-gray200);
    --spark-button-ghost-bg-color-active: var(--spark-color-theme-light-gray400);
    --spark-button-ghost-border-color: var(--spark-color-transparent);
    --spark-button-alert-color: var(--spark-color-coral-shade1);
    --spark-button-alert-bg-color: var(--spark-color-transparent);
    --spark-button-alert-bg-color-active: var(--spark-color-coral-tint2);
    --spark-button-alert-bg-color-hover: #fee9e9;
    --spark-button-alert-border-color: var(--spark-color-coral-shade1);
    --spark-button-alert-ghost-color: var(--spark-color-coral-shade1);
    --spark-button-alert-ghost-bg-color: var(--spark-color-transparent);
    --spark-button-alert-ghost-bg-color-hover: #fee9e9;
    --spark-button-alert-ghost-bg-color-active: var(--spark-color-coral-tint2);
    --spark-button-alert-ghost-border-color: var(--spark-color-transparent);
    --spark-button-unstyled-color: var(--spark-color-classic-blue);
    --spark-button-unstyled-bg-color: var(--spark-color-transparent);
    --spark-button-unstyled-bg-color-hover: var(--spark-color-classic-blue-shade1);
    --spark-button-unstyled-bg-color-active: var(--spark-color-classic-blue-shade2);
    --spark-button-unstyled-border-color: var(--spark-color-transparent);
    --spark-button-unstyled-alert-color: var(--spark-color-coral-shade1);
    --spark-button-unstyled-alert-bg-color: var(--spark-color-transparent);
    --spark-button-unstyled-alert-bg-color-hover: #950000;
    --spark-button-unstyled-alert-bg-color-active: #620000;
    --spark-button-unstyled-alert-border-color: var(--spark-color-transparent);
}