malpercio.dev
WIP! A BB-style forum, on the ATmosphere!
We're still working... we'll be back soon when we have something to show off!
node
typescript
hono
htmx
atproto
1{
2 "color-bg": "#f9fafb",
3 "color-surface": "#ffffff",
4 "color-text": "#111827",
5 "color-text-muted": "#6b7280",
6 "color-primary": "#2563eb",
7 "color-primary-hover": "#1d4ed8",
8 "color-secondary": "#7c3aed",
9 "color-border": "#e5e7eb",
10 "color-shadow": "rgba(0,0,0,0.08)",
11 "color-success": "#16a34a",
12 "color-warning": "#d97706",
13 "color-danger": "#dc2626",
14 "color-code-bg": "#f3f4f6",
15 "color-code-text": "#1f2937",
16 "font-body": "system-ui, -apple-system, sans-serif",
17 "font-heading": "system-ui, -apple-system, sans-serif",
18 "font-mono": "ui-monospace, 'Cascadia Code', monospace",
19 "font-size-base": "16px",
20 "font-size-sm": "14px",
21 "font-size-xs": "12px",
22 "font-size-lg": "20px",
23 "font-size-xl": "24px",
24 "font-size-2xl": "32px",
25 "font-weight-normal": "400",
26 "font-weight-bold": "600",
27 "line-height-body": "1.6",
28 "line-height-heading": "1.25",
29 "space-xs": "4px",
30 "space-sm": "8px",
31 "space-md": "16px",
32 "space-lg": "24px",
33 "space-xl": "40px",
34 "radius": "8px",
35 "border-width": "1px",
36 "shadow-offset": "0px",
37 "content-width": "100%",
38 "button-radius": "6px",
39 "button-shadow": "0 1px 2px rgba(0,0,0,0.05)",
40 "card-radius": "8px",
41 "card-shadow": "0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04)",
42 "btn-press-hover": "0px",
43 "btn-press-active": "0px",
44 "input-radius": "6px",
45 "input-border": "1px solid #e5e7eb",
46 "nav-height": "64px"
47}