selector/src/@spark-design/css/components/button/monochrome-dark.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.*/

[data-theme='dark'] {
    --spark-button-monochrome-transparent: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-disabled-color: var(--spark-color-monochrome-theme-dark-gray500);
    --spark-button-monochrome-disabled-bg-color: var(--spark-color-monochrome-theme-dark-gray200);
    --spark-button-monochrome-disabled-border-color: var(
        --spark-color-monochrome-theme-dark-gray200
    );
    --spark-button-monochrome-action-color: var(--spark-color-monochrome-theme-dark-gray50);
    --spark-button-monochrome-action-bg-color: var(--spark-color-monochrome-theme-dark-gray900);
    --spark-button-monochrome-action-bg-color-hover: var(
        --spark-color-monochrome-theme-dark-gray800
    );
    --spark-button-monochrome-action-bg-color-active: var(
        --spark-color-monochrome-theme-dark-gray700
    );
    --spark-button-monochrome-action-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-primary-color: var(--spark-color-monochrome-theme-dark-gray900);
    --spark-button-monochrome-primary-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-primary-bg-color-hover: var(
        --spark-color-monochrome-theme-dark-gray200
    );
    --spark-button-monochrome-primary-bg-color-active: var(
        --spark-color-monochrome-theme-dark-gray400
    );
    --spark-button-monochrome-primary-border-color: var(
        --spark-color-monochrome-theme-dark-gray900
    );
    --spark-button-monochrome-secondary-color: var(--spark-color-monochrome-theme-dark-gray900);
    --spark-button-monochrome-secondary-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-secondary-bg-color-hover: var(
        --spark-color-monochrome-theme-dark-gray200
    );
    --spark-button-monochrome-secondary-bg-color-active: var(
        --spark-color-monochrome-theme-dark-gray400
    );
    --spark-button-monochrome-secondary-border-color: var(
        --spark-color-monochrome-theme-dark-gray400
    );
    --spark-button-monochrome-ghost-color: var(--spark-color-monochrome-theme-dark-gray900);
    --spark-button-monochrome-ghost-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-ghost-bg-color-hover: var(
        --spark-color-monochrome-theme-dark-gray200
    );
    --spark-button-monochrome-ghost-bg-color-active: var(
        --spark-color-monochrome-theme-dark-gray400
    );
    --spark-button-monochrome-ghost-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-alert-color: var(--spark-color-monochrome-coral);
    --spark-button-monochrome-alert-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-alert-bg-color-active: #321a1b;
    --spark-button-monochrome-alert-bg-color-hover: #3a2325;
    --spark-button-monochrome-alert-border-color: var(--spark-color-monochrome-coral);
    --spark-button-monochrome-alert-ghost-color: var(--spark-color-monochrome-coral);
    --spark-button-monochrome-alert-ghost-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-alert-ghost-bg-color-hover: #3a2325;
    --spark-button-monochrome-alert-ghost-bg-color-active: #321a1b;
    --spark-button-monochrome-alert-ghost-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-color: var(--spark-color-monochrome-theme-dark-gray900);
    --spark-button-monochrome-unstyled-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-bg-color-hover: var(
        --spark-color-monochrome-theme-dark-gray800
    );
    --spark-button-monochrome-unstyled-bg-color-active: var(
        --spark-color-monochrome-theme-dark-gray700
    );
    --spark-button-monochrome-unstyled-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-alert-color: var(--spark-color-monochrome-coral);
    --spark-button-monochrome-unstyled-alert-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-alert-bg-color-hover: var(
        --spark-color-monochrome-coral-tint1
    );
    --spark-button-monochrome-unstyled-alert-bg-color-active: var(
        --spark-color-monochrome-coral-tint2
    );
    --spark-button-monochrome-unstyled-alert-border-color: var(
        --spark-color-monochrome-transparent
    );
}