enhance(ui): polish the default accent color

This commit is contained in:
charlie
2024-01-22 11:42:38 +08:00
parent 252d3b4f27
commit a0eab81c75
2 changed files with 17 additions and 15 deletions

View File

@@ -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%;

View File

@@ -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)',