feat: Add new colors (#9258)

This commit is contained in:
Muhsin Keloth
2024-04-22 14:08:12 +05:30
committed by GitHub
parent 60b355b500
commit 8957277e5d
2 changed files with 205 additions and 0 deletions

View File

@@ -129,6 +129,75 @@ module.exports = {
800: violetDark.violet6,
900: violet.violet12,
},
primary: {
25: 'rgb(var(--color-primary-25) / <alpha-value>)',
50: 'rgb(var(--color-primary-50) / <alpha-value>)',
75: 'rgb(var(--color-primary-75) / <alpha-value>)',
100: 'rgb(var(--color-primary-100) / <alpha-value>)',
200: 'rgb(var(--color-primary-200) / <alpha-value>)',
300: 'rgb(var(--color-primary-300) / <alpha-value>)',
400: 'rgb(var(--color-primary-400) / <alpha-value>)',
500: 'rgb(var(--color-primary-500) / <alpha-value>)',
600: 'rgb(var(--color-primary-600) / <alpha-value>)',
700: 'rgb(var(--color-primary-700) / <alpha-value>)',
800: 'rgb(var(--color-primary-800) / <alpha-value>)',
900: 'rgb(var(--color-primary-900) / <alpha-value>)',
},
ash: {
25: 'rgb(var(--color-ash-25) / <alpha-value>)',
50: 'rgb(var(--color-ash-50) / <alpha-value>)',
75: 'rgb(var(--color-ash-75) / <alpha-value>)',
100: 'rgb(var(--color-ash-100) / <alpha-value>)',
200: 'rgb(var(--color-ash-200) / <alpha-value>)',
300: 'rgb(var(--color-ash-300) / <alpha-value>)',
400: 'rgb(var(--color-ash-400) / <alpha-value>)',
500: 'rgb(var(--color-ash-500) / <alpha-value>)',
600: 'rgb(var(--color-ash-600) / <alpha-value>)',
700: 'rgb(var(--color-ash-700) / <alpha-value>)',
800: 'rgb(var(--color-ash-800) / <alpha-value>)',
900: 'rgb(var(--color-ash-900) / <alpha-value>)',
},
teal: {
25: 'rgb(var(--color-teal-25) / <alpha-value>)',
50: 'rgb(var(--color-teal-50) / <alpha-value>)',
100: 'rgb(var(--color-teal-100) / <alpha-value>)',
200: 'rgb(var(--color-teal-200) / <alpha-value>)',
300: 'rgb(var(--color-teal-300) / <alpha-value>)',
400: 'rgb(var(--color-teal-400) / <alpha-value>)',
500: 'rgb(var(--color-teal-500) / <alpha-value>)',
600: 'rgb(var(--color-teal-600) / <alpha-value>)',
700: 'rgb(var(--color-teal-700) / <alpha-value>)',
800: 'rgb(var(--color-teal-800) / <alpha-value>)',
900: 'rgb(var(--color-teal-900) / <alpha-value>)',
},
amber: {
25: 'rgb(var(--color-amber-25) / <alpha-value>)',
50: 'rgb(var(--color-amber-50) / <alpha-value>)',
75: 'rgb(var(--color-amber-75) / <alpha-value>)',
100: 'rgb(var(--color-amber-100) / <alpha-value>)',
200: 'rgb(var(--color-amber-200) / <alpha-value>)',
300: 'rgb(var(--color-amber-300) / <alpha-value>)',
400: 'rgb(var(--color-amber-400) / <alpha-value>)',
500: 'rgb(var(--color-amber-500) / <alpha-value>)',
600: 'rgb(var(--color-amber-600) / <alpha-value>)',
700: 'rgb(var(--color-amber-700) / <alpha-value>)',
800: 'rgb(var(--color-amber-800) / <alpha-value>)',
900: 'rgb(var(--color-amber-900) / <alpha-value>)',
},
ruby: {
25: 'rgb(var(--color-ruby-25) / <alpha-value>)',
50: 'rgb(var(--color-ruby-50) / <alpha-value>)',
75: 'rgb(var(--color-ruby-75) / <alpha-value>)',
100: 'rgb(var(--color-ruby-100) / <alpha-value>)',
200: 'rgb(var(--color-ruby-200) / <alpha-value>)',
300: 'rgb(var(--color-ruby-300) / <alpha-value>)',
400: 'rgb(var(--color-ruby-400) / <alpha-value>)',
500: 'rgb(var(--color-ruby-500) / <alpha-value>)',
600: 'rgb(var(--color-ruby-600) / <alpha-value>)',
700: 'rgb(var(--color-ruby-700) / <alpha-value>)',
800: 'rgb(var(--color-ruby-800) / <alpha-value>)',
900: 'rgb(var(--color-ruby-900) / <alpha-value>)',
},
body: slateDark.slate7,
},
keyframes: {