feat: Add background colors such as inverse-strong #3221 (#3346)

### What problem does this PR solve?

feat: Add background colors such as inverse-strong #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu
2024-11-12 11:29:48 +08:00
committed by GitHub
parent 70ea6661ed
commit db23d62827
4 changed files with 46 additions and 12 deletions

View File

@ -22,15 +22,15 @@ module.exports = {
border: 'hsl(var(--border))',
input: 'hsl(var(--input))',
ring: 'hsl(var(--ring))',
background: 'hsl(var(--background))',
background: 'var(--background)',
foreground: 'hsl(var(--foreground))',
primary: {
DEFAULT: 'hsl(var(--primary))',
foreground: 'hsl(var(--primary-foreground))',
},
secondary: {
DEFAULT: 'hsl(var(--secondary))',
foreground: 'hsl(var(--secondary-foreground))',
DEFAULT: 'var(--background-inverse-strong)',
foreground: 'var(--background-inverse-strong-foreground)',
},
destructive: {
DEFAULT: 'hsl(var(--destructive))',
@ -49,13 +49,21 @@ module.exports = {
foreground: 'hsl(var(--popover-foreground))',
},
card: {
DEFAULT: 'hsl(var(--card))',
foreground: 'hsl(var(--card-foreground))',
DEFAULT: 'var(--background-inverse-standard)',
foreground: 'var(--background-inverse-standard-foreground)',
},
backgroundInverseStandard: {
DEFAULT: 'var(--background-inverse-standard)',
foreground: 'var(--background-inverse-standard-foreground)',
},
backgroundInverseWeak: {
DEFAULT: 'var(--background-inverse-weak)',
foreground: 'var(--background-inverse-weak-foreground)',
},
backgroundCoreStandard: {
DEFAULT: 'var(--background-core-standard)',
foreground: 'var(--background-core-standard-foreground)',
},
},
borderRadius: {
lg: `var(--radius)`,