Spaces:
Runtime error
Runtime error
File size: 4,715 Bytes
db5855f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 |
/**
* 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
);
}
|