maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
64 lines (63 loc) • 1.97 kB
JavaScript
const r = {
name: "ocean",
foundation: {
"base-font-size": "16px",
radius: "1rem",
"border-width": "0.125rem",
"font-family": "'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
},
colors: {
light: {
background: "200 40% 98%",
foreground: "210 20% 12%",
primary: "195 60% 45%",
"primary-foreground": "0 0% 100%",
contrast: "210 20% 12%",
"contrast-foreground": "200 40% 98%",
secondary: "180 35% 92%",
"secondary-foreground": "210 20% 12%",
muted: "200 15% 55%",
accent: "25 60% 70%",
// plus doux, légèrement pêche pastel
"accent-foreground": "210 20% 12%",
destructive: "5 65% 50%",
"destructive-foreground": "0 0% 100%",
success: "160 50% 38%",
"success-foreground": "0 0% 100%",
warning: "35 60% 55%",
"warning-foreground": "210 20% 12%",
info: "190 60% 50%",
"info-foreground": "0 0% 100%",
border: "180 25% 85%",
overlay: "210 20% 12%",
shadow: "195 20% 25%"
},
dark: {
background: "210 20% 10%",
foreground: "180 20% 92%",
primary: "180 60% 50%",
"primary-foreground": "210 20% 10%",
contrast: "180 20% 92%",
"contrast-foreground": "210 20% 10%",
secondary: "200 30% 18%",
"secondary-foreground": "180 20% 92%",
muted: "200 10% 60%",
accent: "25 50% 65%",
"accent-foreground": "210 20% 10%",
destructive: "5 60% 55%",
"destructive-foreground": "0 0% 100%",
success: "160 45% 40%",
"success-foreground": "0 0% 100%",
warning: "35 55% 55%",
"warning-foreground": "210 20% 10%",
info: "190 50% 55%",
"info-foreground": "0 0% 100%",
border: "200 20% 25%",
overlay: "210 20% 10%",
shadow: "195 10% 5%"
}
}
};
export {
r as ocean
};