@vector-im/compound-design-tokens
Version:
Compound design tokens
13 lines (12 loc) • 867 B
CSS
.cpd-theme-light.cpd-theme-light {
--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
--cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-400);
--cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-400);
--cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-400);
--cpd-color-gradient-action-stop1: var(--cpd-color-green-500);
--cpd-color-gradient-action-stop2: var(--cpd-color-green-700);
--cpd-color-gradient-action-stop3: var(--cpd-color-green-900);
--cpd-color-gradient-action-stop4: var(--cpd-color-green-1100);
--cpd-color-gradient-action-linear: linear-gradient(180deg, var(--cpd-color-gradient-action-stop1) 0%, var(--cpd-color-gradient-action-stop2) 33%, var(--cpd-color-gradient-action-stop3) 66%, var(--cpd-color-gradient-action-stop4) 100%);
}