maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
51 lines (48 loc) • 1.23 kB
text/typescript
export const baseColors = {
'transparent': 'transparent',
'black': 'var(--maz-color-black)',
'black-contrast': 'var(--maz-color-black-contrast)',
'white': 'var(--maz-color-white)',
'white-contrast': 'var(--maz-color-white-contrast)',
'current': 'currentColor',
'normal': 'var(--maz-color-text)',
'color': 'var(--maz-color-bg)',
'border': 'var(--maz-border-color)',
'color-light': 'var(--maz-color-bg-light)',
'color-lighter': 'var(--maz-color-bg-lighter)',
'color-dark': 'var(--maz-color-bg-dark)',
'color-darker': 'var(--maz-color-bg-darker)',
'theme': 'var(--maz-color-bg-theme)',
'theme-hover': 'var(--maz-color-bg-theme-hover)',
'bg-dark': 'var(--maz-bg-color-dark)',
'bg-light': 'var(--maz-bg-color-light)',
'light': 'var(--maz-color-text-light)',
'dark': 'var(--maz-color-text-dark)',
'muted': 'var(--maz-color-muted)',
'overlay': 'var(--maz-bg-overlay)',
}
export const variations = [
'DEFAULT',
'50',
'100',
'200',
'300',
'400',
'600',
'700',
'800',
'900',
'contrast',
'alpha',
'alpha-20',
'alpha-10',
'alpha-05',
]
export const variatingColors = {
primary: true,
secondary: true,
info: true,
success: true,
warning: true,
danger: true,
}