vuestic-ui
vuestic-ui copied to clipboard
Themes config
type ThemeOptions = DeepPartial<{
colors: {
// Accents:
primary: '#f00'
success
...
// Backgrounds
background-primary,
background-secondary
// Elements background
background-el-primary
background-el-secondary
// Text color
text-light // Text used on dark background
text-dark // Text used on light background
// Other
focus, shadow
},
lightThreshold: 140 // 0-225
variantDarkness: {
hover: 0.8, // 0.2 lighter
focus: 1.2, // 0.2 darken
press: 1.5 // SUPER-mega-dark
}
}>
lightThreshold and variantDarkness are free for us, as these values are already hardcoded.
Suggested change:
colors :{
variables: {
// Backgrounds
background-primary,
background-secondary
// Elements b
},
lightThreshold: 140 // 0-225
variantDarkness: {
hover: 0.8, // 0.2 lighter
focus: 1.2, // 0.2 darken
press: 1.5 // SUPER-mega-dark
}
}
theme
colors
icons
components
breakpoints