Bilibili-Evolved/registry/lib/components/style/dark-mode/integrated/integrated-variables.scss
2025-07-21 23:11:37 +08:00

34 lines
1.1 KiB
SCSS

// https://medium.com/eightshapes-llc/naming-tokens-in-design-systems-9e86c7444676
body.integrated-dark {
--be-color-text-title: var(--text1);
--be-color-text-content: var(--text1);
--be-color-text-placeholder: var(--text2);
--be-color-card-bg: var(--bg1_float);
--be-color-card-border: var(--line_regular);
--be-color-tooltip-bg: var(--bg1_float);
--be-color-button-bg: var(--bg1_float);
--be-color-button-bg-hover: var(--graph_bg_thick);
--be-color-button-border: var(--line_regular);
--be-color-switch-bg: rgba(var(--graph_medium_rgb), 0.3);
--be-color-thumb-bg: var(--Ga4);
--be-color-thumb-border: var(--Ga3);
--be-color-tag-bg: rgba(var(--graph_medium_rgb), 0.1);
--be-color-tag-bg-hover: rgba(var(--graph_medium_rgb), 0.2);
--be-color-tag-bg-active: rgba(var(--graph_medium_rgb), 0.3);
--be-color-avatar-border: var(--line_light);
--be-color-highlight-bg-hover: rgba(var(--graph_medium_rgb), 0.1);
--be-color-panel-bg: var(--bg1);
--be-color-panel-border: var(--line_light);
--be-color-popup-bg: var(--bg1);
--be-color-popup-border: var(--line_light);
}