feat[tailwind colors]: Change all tailwind default colors to variables colors
This commit is contained in:
parent
3ac3bfbf1f
commit
838e5b2af7
50 changed files with 378 additions and 220 deletions
|
|
@ -16,6 +16,42 @@ module.exports = {
|
|||
},
|
||||
extend: {
|
||||
colors: {
|
||||
white: "var(--white)",
|
||||
'high-light-gray': "var(--high-light-gray)",
|
||||
'almost-light-blue': "var(--almost-light-blue)",
|
||||
'high-indigo': "var(--high-indigo)",
|
||||
'medium-high-indigo': "var(--medium-high-indigo)",
|
||||
'medium-emerald': "var(--medium-emerald)",
|
||||
'high-light-slate': "var(--high-light-slate)",
|
||||
'medium-yellow': "var(--medium-yellow)",
|
||||
'almost-medium-green': "var(--almost-medium-green)",
|
||||
'almost-medium-blue': "var(--almost-medium-blue)",
|
||||
'medium-indigo': "var(--medium-indigo)",
|
||||
'medium-slate': "var(--medium-slate)",
|
||||
'light-slate': "var(--light-slate)",
|
||||
'light-green': "var(--light-green)",
|
||||
'dark-green': "var(--dark-green)",
|
||||
'medium-green': "var(--medium-green)",
|
||||
'medium-dark-green': "var(--medium-dark-green)",
|
||||
'light-blue': "var(--light-blue)",
|
||||
'dark-blue': "var(--dark-blue)",
|
||||
'medium-blue': "var(--medium-blue)",
|
||||
'medium-dark-blue': "var(--medium-dark-blue)",
|
||||
'almost-medium-red': "var(--almost-medium-red)",
|
||||
'medium-dark-red': "var(--medium-dark-red)",
|
||||
'almost-dark-red': "var(--almost-dark-red)",
|
||||
'medium-light-red': "var(--medium-light-red)",
|
||||
'dark-red': "var(--dark-red)",
|
||||
'light-red': "var(--light-red)",
|
||||
'medium-red': "var(--medium-red)",
|
||||
'almost-medium-gray': "var(--almost-medium-gray)",
|
||||
'almost-dark-gray': "var(--almost-dark-gray)",
|
||||
'medium-dark-gray': "var(--medium-dark-gray)",
|
||||
'medium-low-gray': "var(--medium-low-gray)",
|
||||
'medium-gray': "var(--medium-gray)",
|
||||
'high-dark-gray': "var(--high-dark-gray)",
|
||||
'light-gray': "var(--light-gray)",
|
||||
'dark-gray': "var(--dark-gray)",
|
||||
'btn-shadow': "var(--round-btn-shadow)",
|
||||
buildBackground: "var(--build-background)",
|
||||
build: "var(--build-trigger)",
|
||||
|
|
@ -94,6 +130,44 @@ module.exports = {
|
|||
},
|
||||
extend: {
|
||||
colors: {
|
||||
white: "var(--white)",
|
||||
'high-light-gray': "var(--high-light-gray)",
|
||||
'almost-light-blue': "var(--almost-light-blue)",
|
||||
'high-indigo': "var(--high-indigo)",
|
||||
'medium-high-indigo': "var(--medium-high-indigo)",
|
||||
'medium-emerald': "var(--medium-emerald)",
|
||||
'high-light-slate': "var(--high-light-slate)",
|
||||
'medium-yellow': "var(--medium-yellow)",
|
||||
'almost-medium-green': "var(--almost-medium-green)",
|
||||
'almost-medium-blue': "var(--almost-medium-blue)",
|
||||
'medium-indigo': "var(--medium-indigo)",
|
||||
'medium-slate': "var(--medium-slate)",
|
||||
'light-slate': "var(--light-slate)",
|
||||
'light-green': "var(--light-green)",
|
||||
'dark-green': "var(--dark-green)",
|
||||
'medium-green': "var(--medium-green)",
|
||||
'medium-dark-green': "var(--medium-dark-green)",
|
||||
'medium-light-blue': "var(--medium-light-blue)",
|
||||
'almost-dark-blue': "var(--almost-dark-blue)",
|
||||
'light-blue': "var(--light-blue)",
|
||||
'dark-blue': "var(--dark-blue)",
|
||||
'medium-blue': "var(--medium-blue)",
|
||||
'medium-dark-blue': "var(--medium-dark-blue)",
|
||||
'almost-medium-red': "var(--almost-medium-red)",
|
||||
'medium-dark-red': "var(--medium-dark-red)",
|
||||
'almost-dark-red': "var(--almost-dark-red)",
|
||||
'medium-light-red': "var(--medium-light-red)",
|
||||
'dark-red': "var(--dark-red)",
|
||||
'light-red': "var(--light-red)",
|
||||
'medium-red': "var(--medium-red)",
|
||||
'almost-medium-gray': "var(--almost-medium-gray)",
|
||||
'almost-dark-gray': "var(--almost-dark-gray)",
|
||||
'medium-dark-gray': "var(--medium-dark-gray)",
|
||||
'medium-low-gray': "var(--medium-low-gray)",
|
||||
'medium-gray': "var(--medium-gray)",
|
||||
'high-dark-gray': "var(--high-dark-gray)",
|
||||
'light-gray': "var(--light-gray)",
|
||||
'dark-gray': "var(--dark-gray)",
|
||||
'btn-hover-bg': "var(--hover-btn-background)",
|
||||
'btn-shadow': "var(--round-btn-shadow)",
|
||||
buildBackground: "var(--build-background)",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue