Преглед изворни кода

enhance(ui): polish the default accent color

charlie пре 1 година
родитељ
комит
a0eab81c75
2 измењених фајлова са 17 додато и 15 уклоњено
  1. 4 2
      resources/css/shui.css
  2. 13 13
      tailwind.config.js

+ 4 - 2
resources/css/shui.css

@@ -3,12 +3,14 @@ html * {
 }
 
 html[data-theme=light] {
-  --accent: var(--rx-gray-04-hsl);
-  --accent-foreground: var(--rx-gray-12-hsl);
+  --accent: var(--rx-gray-12-hsl);
+  --accent-foreground: var(--rx-gray-02-hsl);
   --input: var(--rx-gray-03-hsl);
 }
 
 html[data-theme=dark] {
+  --accent: var(--rx-gray-12-hsl);
+  --accent-foreground: var(--rx-gray-02-hsl);
   --primary-foreground: 255 92% 100%;
   --background: 0 0% 11%;
   --foreground: 0 0% 95%;

+ 13 - 13
tailwind.config.js

@@ -54,20 +54,20 @@ const lx = override => ({
 })
 
 const accent = {
-  'DEFAULT': 'hsl(var(--primary))',
-  'base': 'hsl(var(--primary))',
-  'foreground': 'hsl(var(--primary-foreground))',
+  'DEFAULT': 'hsl(var(--accent))',
+  'base': 'hsl(var(--accent))',
+  'foreground': 'hsl(var(--accent-foreground))',
   '01': 'var(--lx-accent-01, --rx-gray-01)',
-  '02': 'var(--lx-accent-02, hsl(var(--primary)/.1))',
-  '03': 'var(--lx-accent-03, hsl(var(--primary)/.15))',
-  '04': 'var(--lx-accent-04, hsl(var(--primary)/.2))',
-  '05': 'var(--lx-accent-05, hsl(var(--primary)/.3))',
-  '06': 'var(--lx-accent-06, hsl(var(--primary)/.4))',
-  '07': 'var(--lx-accent-07, hsl(var(--primary)/.5))',
-  '08': 'var(--lx-accent-08, hsl(var(--primary)/.6))',
-  '09': 'var(--lx-accent-09, hsl(var(--primary)/.7))',
-  '10': 'var(--lx-accent-10, hsl(var(--primary)/.8))',
-  '11': 'var(--lx-accent-11, hsl(var(--primary)/.9))',
+  '02': 'var(--lx-accent-02, hsl(var(--accent)/.1))',
+  '03': 'var(--lx-accent-03, hsl(var(--accent)/.15))',
+  '04': 'var(--lx-accent-04, hsl(var(--accent)/.2))',
+  '05': 'var(--lx-accent-05, hsl(var(--accent)/.3))',
+  '06': 'var(--lx-accent-06, hsl(var(--accent)/.4))',
+  '07': 'var(--lx-accent-07, hsl(var(--accent)/.5))',
+  '08': 'var(--lx-accent-08, hsl(var(--accent)/.6))',
+  '09': 'var(--lx-accent-09, hsl(var(--accent)/.7))',
+  '10': 'var(--lx-accent-10, hsl(var(--accent)/.8))',
+  '11': 'var(--lx-accent-11, hsl(var(--accent)/.9))',
   '12': 'var(--lx-accent-12, --rx-gray-12)',
   '01-alpha': 'var(--lx-accent-01-alpha)',
   '02-alpha': 'var(--lx-accent-02-alpha)',