Moku/Work
1
0
Fork 0
Code Issues Pull Requests Activity

Feat: Build out server shell

Browse Source
This commit is contained in:
MangoPig
2026-06-16 13:11:14 +01:00
parent 35586729ba
commit 829d7b3d8f
28 changed files with 1990 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Frontend/public/themes/moku-default.json
View File

@@ -134,6 +134,9 @@
"accentStrong": "var(--blue-600)",
"accentSoft": "hsl(218 88% 61% / 0.12)",
"accentContrast": "hsl(0 0% 100%)",
"primaryOne": "var(--blue-500)",
"primaryTwo": "hsl(271 72% 60%)",
"primaryThree": "hsl(192 76% 48%)",
"success": "var(--green-500)",
"danger": "var(--red-500)",
"warning": "var(--amber-500)",
@@ -155,6 +158,9 @@
"accentStrong": "hsl(218 88% 61%)",
"accentSoft": "hsl(217 91% 67% / 0.18)",
"accentContrast": "hsl(220 28% 10%)",
"primaryOne": "hsl(217 91% 67%)",
"primaryTwo": "hsl(272 80% 70%)",
"primaryThree": "hsl(190 84% 62%)",
"success": "hsl(154 55% 48%)",
"danger": "hsl(0 72% 62%)",
"warning": "hsl(36 100% 60%)",

177
Frontend/public/themes/moku-midnight.json Normal file
View File

@@ -0,0 +1,177 @@
{
"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)"
}
}
}
}
}