Skip to content

Commit 4f8e0ff

Browse files
claudemyburghclaudemyburgh
committed
new theme added
1 parent c6dc70e commit 4f8e0ff

6 files changed

Lines changed: 1618 additions & 0 deletions

File tree

‎public/r/ember-theme.json‎

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
3+
"name": "ember-theme",
4+
"title": "Ember",
5+
"author": "designbycode",
6+
"registryDependencies": [
7+
"https://ui.designbycode.co.za/r/font-inter.json",
8+
"https://ui.designbycode.co.za/r/font-playfair-display.json",
9+
"https://ui.designbycode.co.za/r/font-fira-mono.json",
10+
"https://ui.designbycode.co.za/r/font-orbitron.json"
11+
],
12+
"cssVars": {
13+
"theme": {
14+
"font-sans": "'Inter', sans-serif",
15+
"font-serif": "'Playfair Display', serif",
16+
"font-mono": "'Fira Code', monospace",
17+
"radius": "1rem",
18+
"tracking-tighter": "calc(var(--tracking-normal) - 0.05em)",
19+
"tracking-tight": "calc(var(--tracking-normal) - 0.025em)",
20+
"tracking-normal": "0em",
21+
"tracking-wide": "calc(var(--tracking-normal) + 0.025em)",
22+
"tracking-wider": "calc(var(--tracking-normal) + 0.05em)",
23+
"tracking-widest": "calc(var(--tracking-normal) + 0.1em)",
24+
"shadow-color": "oklch(0 0 0)",
25+
"shadow-opacity": "0.1",
26+
"shadow-blur": "3px",
27+
"shadow-spread": "0px",
28+
"shadow-offset-x": "0",
29+
"shadow-offset-y": "1px",
30+
"spacing": "0.25rem"
31+
},
32+
"light": {
33+
"background": "oklch(0.9498 0.0259 38.4642)",
34+
"foreground": "oklch(0.2496 0.0394 30.2331)",
35+
"card": "oklch(0.9700 0.0156 42.3852)",
36+
"card-foreground": "oklch(0.2496 0.0394 30.2331)",
37+
"popover": "oklch(0.9700 0.0156 42.3852)",
38+
"popover-foreground": "oklch(0.2496 0.0394 30.2331)",
39+
"primary": "oklch(0.6805 0.2086 30.5480)",
40+
"primary-foreground": "oklch(0.9749 0.0125 35.7319)",
41+
"secondary": "oklch(0.8490 0.0804 329.6626)",
42+
"secondary-foreground": "oklch(0.3004 0.0405 29.1936)",
43+
"muted": "oklch(0.9190 0.0400 29.3569)",
44+
"muted-foreground": "oklch(0.5488 0.0301 29.5987)",
45+
"accent": "oklch(0.6868 0.1688 281.0006)",
46+
"accent-foreground": "oklch(0.9749 0.0125 35.7319)",
47+
"destructive": "oklch(0.5996 0.2197 25.0854)",
48+
"destructive-foreground": "oklch(0.9749 0.0125 35.7319)",
49+
"border": "oklch(0.8508 0.0397 29.7036)",
50+
"input": "oklch(0.8508 0.0397 29.7036)",
51+
"ring": "oklch(0.6805 0.2086 30.5480)",
52+
"chart-1": "oklch(0.6805 0.2086 30.5480)",
53+
"chart-2": "oklch(0.8490 0.0804 329.6626)",
54+
"chart-3": "oklch(0.6868 0.1688 281.0006)",
55+
"chart-4": "oklch(0.7880 0.1395 52.9993)",
56+
"chart-5": "oklch(0.6496 0.1805 260.0708)",
57+
"sidebar": "oklch(0.9481 0.0262 32.2354)",
58+
"sidebar-foreground": "oklch(0.2496 0.0394 30.2331)",
59+
"sidebar-primary": "oklch(0.6805 0.2086 30.5480)",
60+
"sidebar-primary-foreground": "oklch(0.9749 0.0125 35.7319)",
61+
"sidebar-accent": "oklch(0.6868 0.1688 281.0006)",
62+
"sidebar-accent-foreground": "oklch(0.9749 0.0125 35.7319)",
63+
"sidebar-border": "oklch(0.8508 0.0397 29.7036)",
64+
"sidebar-ring": "oklch(0.6805 0.2086 30.5480)",
65+
"font-sans": "var(--font-sans)",
66+
"font-serif": "var(--font-serif)",
67+
"font-mono": "var(--font-mono)",
68+
"radius": "var(--radius)",
69+
"shadow-2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
70+
"shadow-xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
71+
"shadow-sm": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
72+
"shadow": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
73+
"shadow-md": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
74+
"shadow-lg": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
75+
"shadow-xl": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
76+
"shadow-2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)"
77+
},
78+
"dark": {
79+
"background": "oklch(0.1201 0.0414 26.0813)",
80+
"foreground": "oklch(0.9203 0.0203 28.9092)",
81+
"card": "oklch(0.1594 0.0393 30.0662)",
82+
"card-foreground": "oklch(0.9203 0.0203 28.9092)",
83+
"popover": "oklch(0.1798 0.0391 30.1878)",
84+
"popover-foreground": "oklch(0.9203 0.0203 28.9092)",
85+
"primary": "oklch(0.6288 0.2569 29.3860)",
86+
"primary-foreground": "oklch(0.1218 0.0190 31.6766)",
87+
"secondary": "oklch(0.2795 0.1197 329.6571)",
88+
"secondary-foreground": "oklch(0.8990 0.0204 28.9130)",
89+
"muted": "oklch(0.2209 0.0407 30.5722)",
90+
"muted-foreground": "oklch(0.6505 0.0302 31.7312)",
91+
"accent": "oklch(0.6916 0.1703 286.0331)",
92+
"accent-foreground": "oklch(0.1218 0.0190 31.6766)",
93+
"destructive": "oklch(0.6192 0.2398 24.8761)",
94+
"destructive-foreground": "oklch(0.9505 0.0201 28.9043)",
95+
"border": "oklch(0.3004 0.0405 29.1936)",
96+
"input": "oklch(0.3004 0.0405 29.1936)",
97+
"ring": "oklch(0.6288 0.2569 29.3860)",
98+
"chart-1": "oklch(0.6288 0.2569 29.3860)",
99+
"chart-2": "oklch(0.8202 0.1494 329.9891)",
100+
"chart-3": "oklch(0.6818 0.1738 283.3860)",
101+
"chart-4": "oklch(0.7304 0.1864 52.5678)",
102+
"chart-5": "oklch(0.5982 0.2191 260.0456)",
103+
"sidebar": "oklch(0.1385 0.0397 29.1239)",
104+
"sidebar-foreground": "oklch(0.9203 0.0203 28.9092)",
105+
"sidebar-primary": "oklch(0.6288 0.2569 29.3860)",
106+
"sidebar-primary-foreground": "oklch(0.1218 0.0190 31.6766)",
107+
"sidebar-accent": "oklch(0.6916 0.1703 286.0331)",
108+
"sidebar-accent-foreground": "oklch(0.1218 0.0190 31.6766)",
109+
"sidebar-border": "oklch(0.3004 0.0405 29.1936)",
110+
"sidebar-ring": "oklch(0.6288 0.2569 29.3860)",
111+
"font-sans": "var(--font-sans)",
112+
"font-serif": "var(--font-serif)",
113+
"font-mono": "var(--font-mono)",
114+
"radius": "0.5rem",
115+
"shadow-2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
116+
"shadow-xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
117+
"shadow-sm": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
118+
"shadow": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
119+
"shadow-md": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
120+
"shadow-lg": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
121+
"shadow-xl": "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
122+
"shadow-2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)"
123+
}
124+
},
125+
"css": {
126+
"@layer base": {
127+
"*": {
128+
"border-color": "var(--border)"
129+
},
130+
"body": {
131+
"letter-spacing": "var(--tracking-normal)",
132+
"background": "var(--background)",
133+
"color": "var(--foreground)"
134+
}
135+
}
136+
},
137+
"meta": {
138+
"category": "themes",
139+
"version": "1.0.0",
140+
"description": "Warm terracotta and magenta palette with dynamic light/dark radius and high-contrast OKLCH tokens"
141+
},
142+
"type": "registry:theme"
143+
}

‎public/r/nordic-light-theme.json‎

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
3+
"name": "nordic-light-theme",
4+
"title": "Nordic Light",
5+
"author": "designbycode",
6+
"registryDependencies": [
7+
"https://ui.designbycode.co.za/r/font-inter.json",
8+
"https://ui.designbycode.co.za/r/font-playfair-display.json",
9+
"https://ui.designbycode.co.za/r/font-fira-mono.json"
10+
],
11+
"cssVars": {
12+
"theme": {
13+
"font-sans": "'Inter', sans-serif",
14+
"font-serif": "'Playfair Display', serif",
15+
"font-mono": "'Fira Code', monospace",
16+
"radius": "0.25rem",
17+
"tracking-tighter": "calc(var(--tracking-normal) - 0.05em)",
18+
"tracking-tight": "calc(var(--tracking-normal) - 0.025em)",
19+
"tracking-normal": "0em",
20+
"tracking-wide": "calc(var(--tracking-normal) + 0.025em)",
21+
"tracking-wider": "calc(var(--tracking-normal) + 0.05em)",
22+
"tracking-widest": "calc(var(--tracking-normal) + 0.1em)",
23+
"shadow-color": "oklch(0.85 0.02 230)",
24+
"shadow-opacity": "0.2",
25+
"shadow-blur": "12px",
26+
"shadow-spread": "0px",
27+
"shadow-offset-x": "0",
28+
"shadow-offset-y": "4px",
29+
"spacing": "0.25rem"
30+
},
31+
"light": {
32+
"background": "oklch(0.98 0.02 250)",
33+
"foreground": "oklch(0.25 0.04 250)",
34+
"card": "oklch(1 0 0)",
35+
"card-foreground": "oklch(0.25 0.04 250)",
36+
"popover": "oklch(1 0 0)",
37+
"popover-foreground": "oklch(0.25 0.04 250)",
38+
"primary": "oklch(0.55 0.08 250)",
39+
"primary-foreground": "oklch(1 0 0)",
40+
"secondary": "oklch(0.9 0.03 250)",
41+
"secondary-foreground": "oklch(0.38 0.04 250)",
42+
"muted": "oklch(0.94 0.02 250)",
43+
"muted-foreground": "oklch(0.55 0.03 250)",
44+
"accent": "oklch(0.72 0.1 160)",
45+
"accent-foreground": "oklch(0.2 0.03 250)",
46+
"destructive": "oklch(0.58 0.18 25)",
47+
"destructive-foreground": "oklch(1 0 0)",
48+
"border": "oklch(0.88 0.02 250)",
49+
"input": "oklch(0.88 0.02 250)",
50+
"ring": "oklch(0.55 0.08 250)",
51+
"chart-1": "oklch(0.55 0.08 250)",
52+
"chart-2": "oklch(0.72 0.1 160)",
53+
"chart-3": "oklch(0.65 0.06 200)",
54+
"chart-4": "oklch(0.8 0.05 120)",
55+
"chart-5": "oklch(0.5 0.05 280)",
56+
"sidebar": "oklch(0.96 0.02 250)",
57+
"sidebar-foreground": "oklch(0.25 0.04 250)",
58+
"sidebar-primary": "oklch(0.55 0.08 250)",
59+
"sidebar-primary-foreground": "oklch(1 0 0)",
60+
"sidebar-accent": "oklch(0.72 0.1 160)",
61+
"sidebar-accent-foreground": "oklch(0.2 0.03 250)",
62+
"sidebar-border": "oklch(0.88 0.02 250)",
63+
"sidebar-ring": "oklch(0.55 0.08 250)",
64+
"font-sans": "var(--font-sans)",
65+
"font-serif": "var(--font-serif)",
66+
"font-mono": "var(--font-mono)",
67+
"shadow-sm": "0 2px 6px hsl(230 10% 90% / 0.15)",
68+
"shadow": "0 4px 12px hsl(230 10% 90% / 0.2)",
69+
"shadow-md": "0 6px 20px hsl(230 10% 90% / 0.25)",
70+
"shadow-lg": "0 10px 30px hsl(230 10% 90% / 0.3)",
71+
"shadow-xl": "0 15px 50px hsl(230 10% 90% / 0.35)"
72+
},
73+
"dark": {
74+
"background": "oklch(0.18 0.04 250)",
75+
"foreground": "oklch(0.85 0.02 250)",
76+
"card": "oklch(0.22 0.04 250)",
77+
"card-foreground": "oklch(0.85 0.02 250)",
78+
"popover": "oklch(0.25 0.04 250)",
79+
"popover-foreground": "oklch(0.85 0.02 250)",
80+
"primary": "oklch(0.72 0.1 250)",
81+
"primary-foreground": "oklch(0.18 0.04 250)",
82+
"secondary": "oklch(0.35 0.05 250)",
83+
"secondary-foreground": "oklch(0.8 0.02 250)",
84+
"muted": "oklch(0.28 0.04 250)",
85+
"muted-foreground": "oklch(0.7 0.03 250)",
86+
"accent": "oklch(0.78 0.12 160)",
87+
"accent-foreground": "oklch(0.18 0.04 250)",
88+
"destructive": "oklch(0.58 0.18 25)",
89+
"destructive-foreground": "oklch(0.85 0.02 250)",
90+
"border": "oklch(0.4 0.04 250)",
91+
"input": "oklch(0.4 0.04 250)",
92+
"ring": "oklch(0.72 0.1 250)",
93+
"chart-1": "oklch(0.72 0.1 250)",
94+
"chart-2": "oklch(0.78 0.12 160)",
95+
"chart-3": "oklch(0.65 0.06 200)",
96+
"chart-4": "oklch(0.8 0.05 120)",
97+
"chart-5": "oklch(0.5 0.05 280)",
98+
"sidebar": "oklch(0.12 0.03 250)",
99+
"sidebar-foreground": "oklch(0.85 0.02 250)",
100+
"sidebar-primary": "oklch(0.72 0.1 250)",
101+
"sidebar-primary-foreground": "oklch(0.18 0.04 250)",
102+
"sidebar-accent": "oklch(0.78 0.12 160)",
103+
"sidebar-accent-foreground": "oklch(0.18 0.04 250)",
104+
"sidebar-border": "oklch(0.4 0.04 250)",
105+
"sidebar-ring": "oklch(0.72 0.1 250)",
106+
"font-sans": "var(--font-sans)",
107+
"font-serif": "var(--font-serif)",
108+
"font-mono": "var(--font-mono)",
109+
"shadow-sm": "0 2px 6px hsl(230 10% 90% / 0.25)",
110+
"shadow": "0 4px 12px hsl(230 10% 90% / 0.3)",
111+
"shadow-md": "0 6px 20px hsl(230 10% 90% / 0.35)",
112+
"shadow-lg": "0 10px 30px hsl(230 10% 90% / 0.4)",
113+
"shadow-xl": "0 15px 50px hsl(230 10% 90% / 0.45)"
114+
}
115+
},
116+
"css": {
117+
"@layer base": {
118+
"*": {
119+
"border-color": "var(--border)"
120+
},
121+
"body": {
122+
"background": "var(--background)",
123+
"color": "var(--foreground)",
124+
"letter-spacing": "var(--tracking-normal)"
125+
}
126+
}
127+
},
128+
"meta": {
129+
"category": "themes",
130+
"version": "1.0.0",
131+
"description": "Clean Scandinavian aesthetic with cool blue tones, mint accents, and soft ambient shadows"
132+
},
133+
"type": "registry:theme"
134+
}

0 commit comments

Comments
 (0)