Skip to content

Commit 687bd39

Browse files
claudemyburghclaudemyburgh
committed
new themes added
1 parent 4f8e0ff commit 687bd39

4 files changed

Lines changed: 261 additions & 5 deletions

File tree

‎public/build/assets/app-2CCUVwsc.css‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/build/assets/app-DNd_NPF8.css‎

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎public/build/manifest.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -604,7 +604,7 @@
604604
"src": "node_modules/@fontsource/roboto-slab/files/roboto-slab-vietnamese-400-normal.woff2"
605605
},
606606
"resources/css/app.css": {
607-
"file": "assets/app-DNd_NPF8.css",
607+
"file": "assets/app-2CCUVwsc.css",
608608
"name": "app",
609609
"names": [
610610
"app.css"

‎registry.json‎

Lines changed: 258 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6785,7 +6785,6 @@
67856785
"author": "designbycode"
67866786
},
67876787
{
6788-
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
67896788
"name": "void-dark-theme",
67906789
"title": "Void Dark",
67916790
"type": "registry:theme",
@@ -6914,7 +6913,6 @@
69146913
"author": "designbycode"
69156914
},
69166915
{
6917-
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
69186916
"name": "ember-theme",
69196917
"title": "Ember",
69206918
"type": "registry:theme",
@@ -7055,6 +7053,264 @@
70557053
"description": "Warm terracotta and magenta palette with dynamic light/dark radius and high-contrast OKLCH tokens"
70567054
},
70577055
"author": "designbycode"
7056+
},
7057+
{
7058+
"name": "retro-web-theme",
7059+
"title": "90s Web Retro",
7060+
"type": "registry:theme",
7061+
"registryDependencies": [],
7062+
"css": {
7063+
"@layer base": {
7064+
"*": {
7065+
"@apply": "border-border outline-ring/40"
7066+
},
7067+
"body": {
7068+
"@apply": "bg-background text-foreground"
7069+
}
7070+
}
7071+
},
7072+
"cssVars": {
7073+
"theme": {
7074+
"font-sans": "Arial, sans-serif",
7075+
"font-serif": "Times New Roman, serif",
7076+
"font-mono": "Courier New, monospace",
7077+
"radius": "0.25rem",
7078+
"tracking-tighter": "calc(var(--tracking-normal) - 0.05em)",
7079+
"tracking-tight": "calc(var(--tracking-normal) - 0.025em)",
7080+
"tracking-normal": "0em",
7081+
"tracking-wide": "calc(var(--tracking-normal) + 0.025em)",
7082+
"tracking-wider": "calc(var(--tracking-normal) + 0.05em)",
7083+
"tracking-widest": "calc(var(--tracking-normal) + 0.1em)",
7084+
"spacing": "0.25rem",
7085+
"shadow-color": "hsl(0 0% 0%)",
7086+
"shadow-opacity": "0.15",
7087+
"shadow-blur": "0px",
7088+
"shadow-spread": "0px",
7089+
"shadow-offset-x": "2px",
7090+
"shadow-offset-y": "2px"
7091+
},
7092+
"light": {
7093+
"background": "oklch(0.98 0.01 95)",
7094+
"foreground": "oklch(0.20 0.03 260)",
7095+
"card": "oklch(1 0 0)",
7096+
"card-foreground": "oklch(0.20 0.03 260)",
7097+
"popover": "oklch(1 0 0)",
7098+
"popover-foreground": "oklch(0.20 0.03 260)",
7099+
"primary": "oklch(0.60 0.25 255)",
7100+
"primary-foreground": "oklch(1 0 0)",
7101+
"secondary": "oklch(0.85 0.18 130)",
7102+
"secondary-foreground": "oklch(0.15 0.02 260)",
7103+
"muted": "oklch(0.92 0.03 95)",
7104+
"muted-foreground": "oklch(0.45 0.03 260)",
7105+
"accent": "oklch(0.70 0.28 330)",
7106+
"accent-foreground": "oklch(1 0 0)",
7107+
"destructive": "oklch(0.60 0.25 25)",
7108+
"destructive-foreground": "oklch(1 0 0)",
7109+
"border": "oklch(0.85 0.03 95)",
7110+
"input": "oklch(0.85 0.03 95)",
7111+
"ring": "oklch(0.60 0.25 255)",
7112+
"chart-1": "oklch(0.60 0.25 255)",
7113+
"chart-2": "oklch(0.85 0.18 130)",
7114+
"chart-3": "oklch(0.70 0.28 330)",
7115+
"chart-4": "oklch(0.75 0.20 60)",
7116+
"chart-5": "oklch(0.55 0.22 200)",
7117+
"sidebar": "oklch(0.97 0.01 95)",
7118+
"sidebar-foreground": "oklch(0.20 0.03 260)",
7119+
"sidebar-primary": "oklch(0.60 0.25 255)",
7120+
"sidebar-primary-foreground": "oklch(1 0 0)",
7121+
"sidebar-accent": "oklch(0.70 0.28 330)",
7122+
"sidebar-accent-foreground": "oklch(1 0 0)",
7123+
"sidebar-border": "oklch(0.85 0.03 95)",
7124+
"sidebar-ring": "oklch(0.60 0.25 255)",
7125+
"font-sans": "var(--font-sans)",
7126+
"font-serif": "var(--font-serif)",
7127+
"font-mono": "var(--font-mono)",
7128+
"shadow-sm": "2px 2px 0px hsl(0 0% 0% / 0.10)",
7129+
"shadow": "3px 3px 0px hsl(0 0% 0% / 0.15)",
7130+
"shadow-md": "4px 4px 0px hsl(0 0% 0% / 0.20)",
7131+
"shadow-lg": "6px 6px 0px hsl(0 0% 0% / 0.25)",
7132+
"shadow-xl": "8px 8px 0px hsl(0 0% 0% / 0.30)"
7133+
},
7134+
"dark": {
7135+
"background": "oklch(0.10 0.02 260)",
7136+
"foreground": "oklch(0.92 0.02 95)",
7137+
"card": "oklch(0.14 0.02 260)",
7138+
"card-foreground": "oklch(0.92 0.02 95)",
7139+
"popover": "oklch(0.16 0.02 260)",
7140+
"popover-foreground": "oklch(0.92 0.02 95)",
7141+
"primary": "oklch(0.70 0.30 255)",
7142+
"primary-foreground": "oklch(0.05 0.02 260)",
7143+
"secondary": "oklch(0.75 0.25 140)",
7144+
"secondary-foreground": "oklch(0.05 0.02 260)",
7145+
"muted": "oklch(0.18 0.02 260)",
7146+
"muted-foreground": "oklch(0.65 0.02 95)",
7147+
"accent": "oklch(0.75 0.30 330)",
7148+
"accent-foreground": "oklch(0.05 0.02 260)",
7149+
"destructive": "oklch(0.65 0.25 25)",
7150+
"destructive-foreground": "oklch(0.95 0.02 95)",
7151+
"border": "oklch(0.22 0.02 260)",
7152+
"input": "oklch(0.22 0.02 260)",
7153+
"ring": "oklch(0.70 0.30 255)",
7154+
"chart-1": "oklch(0.60 0.25 255)",
7155+
"chart-2": "oklch(0.85 0.18 130)",
7156+
"chart-3": "oklch(0.70 0.28 330)",
7157+
"chart-4": "oklch(0.75 0.20 60)",
7158+
"chart-5": "oklch(0.55 0.22 200)",
7159+
"sidebar": "oklch(0.12 0.02 260)",
7160+
"sidebar-foreground": "oklch(0.92 0.02 95)",
7161+
"sidebar-primary": "oklch(0.70 0.30 255)",
7162+
"sidebar-primary-foreground": "oklch(0.05 0.02 260)",
7163+
"sidebar-accent": "oklch(0.75 0.30 330)",
7164+
"sidebar-accent-foreground": "oklch(0.05 0.02 260)",
7165+
"sidebar-border": "oklch(0.22 0.02 260)",
7166+
"sidebar-ring": "oklch(0.70 0.30 255)",
7167+
"font-sans": "var(--font-sans)",
7168+
"font-serif": "var(--font-serif)",
7169+
"font-mono": "var(--font-mono)",
7170+
"shadow-sm": "2px 2px 0px hsl(255 100% 60% / 0.25)",
7171+
"shadow": "3px 3px 0px hsl(140 100% 60% / 0.25)",
7172+
"shadow-md": "4px 4px 0px hsl(330 100% 60% / 0.30)",
7173+
"shadow-lg": "6px 6px 0px hsl(255 100% 60% / 0.35)",
7174+
"shadow-xl": "8px 8px 0px hsl(140 100% 60% / 0.40)"
7175+
}
7176+
},
7177+
"meta": {
7178+
"category": "themes",
7179+
"version": "1.0.0",
7180+
"description": "Nostalgic 90s web aesthetic with electric blue, lime pop, neon magenta, and hard offset shadows"
7181+
},
7182+
"author": "designbycode"
7183+
},
7184+
{
7185+
"name": "eco-minimal-theme",
7186+
"title": "Eco Minimal",
7187+
"type": "registry:theme",
7188+
"registryDependencies": [
7189+
"https://ui.designbycode.co.za/r/font-inter.json",
7190+
"https://ui.designbycode.co.za/r/font-playfair-display.json",
7191+
"https://ui.designbycode.co.za/r/font-fira-mono.json"
7192+
],
7193+
"css": {
7194+
"@layer base": {
7195+
"*": {
7196+
"@apply": "border-border outline-ring/40"
7197+
},
7198+
"body": {
7199+
"@apply": "bg-background text-foreground"
7200+
}
7201+
}
7202+
},
7203+
"cssVars": {
7204+
"theme": {
7205+
"font-sans": "'Inter', sans-serif",
7206+
"font-serif": "'Playfair Display', serif",
7207+
"font-mono": "'Fira Code', monospace",
7208+
"radius": "0.75rem",
7209+
"tracking-tighter": "calc(var(--tracking-normal) - 0.05em)",
7210+
"tracking-tight": "calc(var(--tracking-normal) - 0.025em)",
7211+
"tracking-normal": "0em",
7212+
"tracking-wide": "calc(var(--tracking-normal) + 0.025em)",
7213+
"tracking-wider": "calc(var(--tracking-normal) + 0.05em)",
7214+
"tracking-widest": "calc(var(--tracking-normal) + 0.1em)",
7215+
"shadow-color": "oklch(0.20 0.02 120)",
7216+
"shadow-opacity": "0.1",
7217+
"shadow-blur": "12px",
7218+
"shadow-spread": "0px",
7219+
"shadow-offset-x": "0",
7220+
"shadow-offset-y": "4px",
7221+
"spacing": "0.25rem"
7222+
},
7223+
"light": {
7224+
"background": "oklch(0.97 0.02 120)",
7225+
"foreground": "oklch(0.32 0.03 120)",
7226+
"card": "oklch(0.99 0.01 120)",
7227+
"card-foreground": "oklch(0.32 0.03 120)",
7228+
"popover": "oklch(0.99 0.01 120)",
7229+
"popover-foreground": "oklch(0.32 0.03 120)",
7230+
"primary": "oklch(0.58 0.10 140)",
7231+
"primary-foreground": "oklch(0.98 0.01 120)",
7232+
"secondary": "oklch(0.92 0.02 110)",
7233+
"secondary-foreground": "oklch(0.38 0.03 120)",
7234+
"muted": "oklch(0.94 0.02 110)",
7235+
"muted-foreground": "oklch(0.55 0.02 120)",
7236+
"accent": "oklch(0.70 0.08 150)",
7237+
"accent-foreground": "oklch(0.25 0.03 140)",
7238+
"destructive": "oklch(0.60 0.18 30)",
7239+
"destructive-foreground": "oklch(0.98 0.01 120)",
7240+
"border": "oklch(0.88 0.02 110)",
7241+
"input": "oklch(0.88 0.02 110)",
7242+
"ring": "oklch(0.58 0.10 140)",
7243+
"chart-1": "oklch(0.58 0.10 140)",
7244+
"chart-2": "oklch(0.65 0.08 120)",
7245+
"chart-3": "oklch(0.72 0.07 160)",
7246+
"chart-4": "oklch(0.50 0.06 100)",
7247+
"chart-5": "oklch(0.45 0.05 80)",
7248+
"sidebar": "oklch(0.96 0.02 120)",
7249+
"sidebar-foreground": "oklch(0.32 0.03 120)",
7250+
"sidebar-primary": "oklch(0.58 0.10 140)",
7251+
"sidebar-primary-foreground": "oklch(0.98 0.01 120)",
7252+
"sidebar-accent": "oklch(0.70 0.08 150)",
7253+
"sidebar-accent-foreground": "oklch(0.25 0.03 140)",
7254+
"sidebar-border": "oklch(0.88 0.02 110)",
7255+
"sidebar-ring": "oklch(0.58 0.10 140)",
7256+
"font-sans": "var(--font-sans)",
7257+
"font-serif": "var(--font-serif)",
7258+
"font-mono": "var(--font-mono)",
7259+
"shadow-sm": "0 1px 3px hsl(120 20% 20% / 0.05)",
7260+
"shadow": "0 4px 12px hsl(120 20% 20% / 0.08)",
7261+
"shadow-md": "0 8px 20px hsl(120 20% 20% / 0.10)",
7262+
"shadow-lg": "0 12px 30px hsl(120 20% 20% / 0.12)",
7263+
"shadow-xl": "0 20px 50px hsl(120 20% 20% / 0.15)"
7264+
},
7265+
"dark": {
7266+
"background": "oklch(0.18 0.02 120)",
7267+
"foreground": "oklch(0.90 0.02 120)",
7268+
"card": "oklch(0.22 0.02 120)",
7269+
"card-foreground": "oklch(0.90 0.02 120)",
7270+
"popover": "oklch(0.24 0.02 120)",
7271+
"popover-foreground": "oklch(0.90 0.02 120)",
7272+
"primary": "oklch(0.65 0.10 140)",
7273+
"primary-foreground": "oklch(0.15 0.02 120)",
7274+
"secondary": "oklch(0.26 0.02 120)",
7275+
"secondary-foreground": "oklch(0.85 0.02 120)",
7276+
"muted": "oklch(0.24 0.02 120)",
7277+
"muted-foreground": "oklch(0.70 0.02 120)",
7278+
"accent": "oklch(0.60 0.08 150)",
7279+
"accent-foreground": "oklch(0.92 0.02 120)",
7280+
"destructive": "oklch(0.65 0.18 30)",
7281+
"destructive-foreground": "oklch(0.95 0.02 120)",
7282+
"border": "oklch(0.30 0.02 120)",
7283+
"input": "oklch(0.30 0.02 120)",
7284+
"ring": "oklch(0.65 0.10 140)",
7285+
"chart-1": "oklch(0.65 0.10 140)",
7286+
"chart-2": "oklch(0.60 0.08 150)",
7287+
"chart-3": "oklch(0.72 0.07 160)",
7288+
"chart-4": "oklch(0.50 0.06 100)",
7289+
"chart-5": "oklch(0.45 0.05 80)",
7290+
"sidebar": "oklch(0.20 0.02 120)",
7291+
"sidebar-foreground": "oklch(0.90 0.02 120)",
7292+
"sidebar-primary": "oklch(0.65 0.10 140)",
7293+
"sidebar-primary-foreground": "oklch(0.15 0.02 120)",
7294+
"sidebar-accent": "oklch(0.60 0.08 150)",
7295+
"sidebar-accent-foreground": "oklch(0.92 0.02 120)",
7296+
"sidebar-border": "oklch(0.30 0.02 120)",
7297+
"sidebar-ring": "oklch(0.65 0.10 140)",
7298+
"font-sans": "var(--font-sans)",
7299+
"font-serif": "var(--font-serif)",
7300+
"font-mono": "var(--font-mono)",
7301+
"shadow-sm": "0 1px 3px hsl(120 30% 5% / 0.4)",
7302+
"shadow": "0 4px 12px hsl(120 30% 5% / 0.5)",
7303+
"shadow-md": "0 8px 20px hsl(120 30% 5% / 0.6)",
7304+
"shadow-lg": "0 12px 30px hsl(120 30% 5% / 0.7)",
7305+
"shadow-xl": "0 20px 50px hsl(120 30% 5% / 0.8)"
7306+
}
7307+
},
7308+
"meta": {
7309+
"category": "themes",
7310+
"version": "1.0.0",
7311+
"description": "Calm nature-inspired palette with soft greens, moss tones, and airy organic shadows"
7312+
},
7313+
"author": "designbycode"
70587314
}
70597315
]
70607316
}

0 commit comments

Comments
 (0)