refactor: use CSS variables for global colors and improve theme support (#668)

This commit is contained in:
Cell
2025-12-26 14:16:59 +08:00
committed by GitHub
parent 3f5d0e0583
commit 37a799b2cb
18 changed files with 69 additions and 163 deletions
+2
View File
@@ -5,6 +5,7 @@
interpolate-size: allow-keywords;
// Global colors variables
#{$rootPrefix}global-background-color: #{$global-background-color};
#{$rootPrefix}global-font-color: #{$global-font-color};
#{$rootPrefix}global-font-secondary-color: #{$global-font-secondary-color};
#{$rootPrefix}global-border-color: #{$global-border-color};
@@ -45,6 +46,7 @@
// Dark theme
[data-theme=dark] {
#{$rootPrefix}global-background-color: #{$global-background-color-dark};
#{$rootPrefix}global-font-color: #{$global-font-color-dark};
#{$rootPrefix}global-font-secondary-color: #{$global-font-secondary-color-dark};
#{$rootPrefix}global-border-color: #{$global-border-color-dark};