178 lines
4.6 KiB
JSON
178 lines
4.6 KiB
JSON
{
|
|
"schemaVersion": "1.0.0",
|
|
"id": "moku-midnight",
|
|
"name": "Moku Midnight",
|
|
"description": "A warm, low-light Moku theme inspired by the mood and palette direction of refact0r's Midnight Discord theme, adapted to Moku's token schema.",
|
|
"author": "Moku Work",
|
|
"tokens": {
|
|
"shared": {
|
|
"palette": {
|
|
"gray": {
|
|
"0": "#f9f5d7",
|
|
"50": "#fbf1c7",
|
|
"100": "#ebdbb2",
|
|
"200": "#d5c4a1",
|
|
"300": "#bdae93",
|
|
"400": "#a89984",
|
|
"500": "#928374",
|
|
"600": "#7c6f64",
|
|
"700": "#665c54",
|
|
"800": "#3c3836",
|
|
"900": "#282828"
|
|
},
|
|
"blue": {
|
|
"400": "hsl(167 24% 68%)",
|
|
"500": "#7caea3",
|
|
"600": "hsl(167 24% 48%)"
|
|
},
|
|
"green": {
|
|
"500": "#a8b665"
|
|
},
|
|
"red": {
|
|
"500": "#ea6962"
|
|
},
|
|
"amber": {
|
|
"500": "#d8a656"
|
|
}
|
|
},
|
|
"space": {
|
|
"1": "0.25rem",
|
|
"2": "0.5rem",
|
|
"3": "0.75rem",
|
|
"4": "1rem",
|
|
"5": "1.25rem",
|
|
"6": "1.5rem",
|
|
"8": "2rem",
|
|
"10": "2.5rem",
|
|
"12": "3rem"
|
|
},
|
|
"radius": {
|
|
"sm": "0.375rem",
|
|
"md": "0.625rem",
|
|
"lg": "0.875rem",
|
|
"xl": "1.25rem",
|
|
"pill": "999px"
|
|
},
|
|
"size": {
|
|
"controlMd": "2.25rem",
|
|
"controlLg": "2.5rem",
|
|
"contentWidthWide": "72rem",
|
|
"blurOverlay": "18px"
|
|
},
|
|
"shadow": {
|
|
"soft": "0 12px 28px hsl(28 16% 12% / 0.08)",
|
|
"strong": "0 18px 40px hsl(28 18% 10% / 0.14)"
|
|
},
|
|
"zIndex": {
|
|
"base": "1",
|
|
"dropdown": "100",
|
|
"sticky": "200",
|
|
"overlay": "400",
|
|
"modal": "500",
|
|
"toast": "600"
|
|
},
|
|
"motion": {
|
|
"durationFast": "140ms",
|
|
"durationBase": "220ms",
|
|
"durationSlow": "320ms",
|
|
"easeStandard": "cubic-bezier(0.2, 0.8, 0.2, 1)"
|
|
},
|
|
"typography": {
|
|
"fontFamily": {
|
|
"sans": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
"heading": "Inter, \"Avenir Next\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
"display": "Inter, \"Avenir Next\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
"serif": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
|
|
"mono": "ui-monospace, \"SF Mono\", \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
|
|
},
|
|
"fontSize": {
|
|
"caption": "0.75rem",
|
|
"label": "0.875rem",
|
|
"body": "1rem",
|
|
"title": "clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem)",
|
|
"heading": "clamp(1.5rem, 1.2rem + 1vw, 2.125rem)",
|
|
"display": "clamp(2.25rem, 1.7rem + 2.2vw, 3.75rem)"
|
|
},
|
|
"lineHeight": {
|
|
"caption": "1.4",
|
|
"label": "1.35",
|
|
"body": "1.55",
|
|
"title": "1.3",
|
|
"heading": "1.15",
|
|
"display": "1.05"
|
|
},
|
|
"fontWeight": {
|
|
"caption": "500",
|
|
"label": "600",
|
|
"body": "400",
|
|
"title": "600",
|
|
"heading": "600",
|
|
"display": "700"
|
|
},
|
|
"letterSpacing": {
|
|
"caption": "0.01em",
|
|
"label": "0.005em",
|
|
"body": "0",
|
|
"title": "-0.01em",
|
|
"heading": "-0.02em",
|
|
"display": "-0.03em"
|
|
}
|
|
}
|
|
},
|
|
"modes": {
|
|
"light": {
|
|
"colorScheme": "light",
|
|
"colors": {
|
|
"canvas": "hsl(38 24% 97%)",
|
|
"surface": "hsl(36 22% 99% / 0.94)",
|
|
"surfaceMuted": "hsl(36 20% 96%)",
|
|
"surfaceHover": "hsl(34 18% 93%)",
|
|
"border": "hsl(30 14% 76% / 0.72)",
|
|
"borderStrong": "hsl(28 16% 60% / 0.82)",
|
|
"text": "hsl(22 16% 22%)",
|
|
"textMuted": "hsl(28 10% 42%)",
|
|
"accent": "#d3869b",
|
|
"accentStrong": "hsl(344 47% 56%)",
|
|
"accentSoft": "hsl(344 47% 70% / 0.12)",
|
|
"accentContrast": "var(--gray-0)",
|
|
"primaryOne": "#7caea3",
|
|
"primaryTwo": "#d3869b",
|
|
"primaryThree": "#d8a656",
|
|
"success": "#a8b665",
|
|
"danger": "#ea6962",
|
|
"warning": "#d8a656",
|
|
"focusRing": "hsl(344 47% 56% / 0.28)"
|
|
}
|
|
},
|
|
"dark": {
|
|
"colorScheme": "dark",
|
|
"colors": {
|
|
"canvas": "var(--gray-900)",
|
|
"surface": "hsl(20 8% 16% / 0.94)",
|
|
"surfaceMuted": "var(--gray-800)",
|
|
"surfaceHover": "hsl(22 9% 24% / 0.96)",
|
|
"border": "hsl(20 10% 30% / 0.72)",
|
|
"borderStrong": "hsl(30 14% 55% / 0.62)",
|
|
"text": "#d4be98",
|
|
"textMuted": "#a79a83",
|
|
"accent": "#d3869b",
|
|
"accentStrong": "hsl(344 47% 63%)",
|
|
"accentSoft": "hsl(344 47% 63% / 0.18)",
|
|
"accentContrast": "var(--gray-900)",
|
|
"primaryOne": "#7caea3",
|
|
"primaryTwo": "#d3869b",
|
|
"primaryThree": "#d8a656",
|
|
"success": "#a8b665",
|
|
"danger": "#ea6962",
|
|
"warning": "#d8a656",
|
|
"focusRing": "hsl(344 47% 63% / 0.45)"
|
|
},
|
|
"shadow": {
|
|
"soft": "0 14px 32px hsl(20 16% 3% / 0.28)",
|
|
"strong": "0 20px 48px hsl(20 16% 2% / 0.38)"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|