maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
63 lines (62 loc) • 1.84 kB
JavaScript
const pristine = {
name: "pristine",
foundation: {
"base-font-size": "14px",
radius: "0.6rem",
"border-width": "0.5px",
"font-family": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
},
colors: {
light: {
background: "0 0% 99%",
foreground: "0 0% 10%",
primary: "220 10% 15%",
"primary-foreground": "0 0% 100%",
contrast: "0 0% 15%",
"contrast-foreground": "0 0% 95%",
secondary: "220 10% 92%",
"secondary-foreground": "0 0% 10%",
muted: "0 0% 60%",
accent: "210 15% 85%",
"accent-foreground": "0 0% 10%",
destructive: "0 70% 50%",
"destructive-foreground": "0 0% 100%",
success: "140 40% 45%",
"success-foreground": "0 0% 100%",
warning: "35 80% 55%",
"warning-foreground": "0 0% 10%",
info: "200 80% 50%",
"info-foreground": "0 0% 100%",
border: "220 10% 92%",
overlay: "0 0% 10%",
shadow: "0 0% 0%"
},
dark: {
background: "0 0% 10%",
foreground: "0 0% 95%",
primary: "0 0% 95%",
"primary-foreground": "0 0% 10%",
contrast: "220 10% 92%",
"contrast-foreground": "0 0% 10%",
secondary: "0 0% 18%",
"secondary-foreground": "0 0% 95%",
muted: "0 0% 60%",
accent: "210 15% 25%",
"accent-foreground": "0 0% 95%",
destructive: "0 70% 55%",
"destructive-foreground": "0 0% 100%",
success: "140 40% 45%",
"success-foreground": "0 0% 100%",
warning: "35 80% 55%",
"warning-foreground": "0 0% 10%",
info: "200 80% 55%",
"info-foreground": "0 0% 100%",
border: "0 0% 18%",
overlay: "0 0% 10%",
shadow: "0 0% 0%"
}
}
};
export {
pristine
};