SirBlob/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More Themes

Browse Source
This commit is contained in:
Sir Blob
2025-11-29 08:20:13 +00:00
parent c32505cfca
commit e02fdf59f4
7 changed files with 455 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/lib/assets/themes/arch.theme.json
View File

@@ -4,87 +4,87 @@
"dark": { "dark": {
"colors": { "colors": {
"primary": "#1793d1", "primary": "#1793d1",
"secondary": "#333333", "secondary": "#21262d",
"accent": "#23d18b", "accent": "#23d18b",
"background": "#0d1117", "background": "#0d1117",
"backgroundLight": "#161b22", "backgroundLight": "#161b22",
"text": "#c9d1d9", "text": "#c9d1d9",
"textMuted": "#8b949e", "textMuted": "#8b949e",
"border": "#30363d", "border": "#484f58",
"terminal": "#0d1117", "terminal": "#0d1117",
"terminalPrompt": "#1793d1", "terminalPrompt": "#1793d1",
"terminalUser": "#23d18b", "terminalUser": "#23d18b",
"terminalPath": "#1793d1" "terminalPath": "#1793d1"
}, },
"colorMap": { "colorMap": {
"red": "#fa7970", "red": "#ff7b72",
"green": "#23d18b", "green": "#3fb950",
"yellow": "#faa356", "yellow": "#d29922",
"blue": "#1793d1", "blue": "#58a6ff",
"magenta": "#cea5fb", "magenta": "#bc8cff",
"cyan": "#89dceb", "cyan": "#39c5cf",
"white": "#c9d1d9", "white": "#f0f6fc",
"gray": "#6e7681", "gray": "#6e7681",
"orange": "#ff9500", "orange": "#ffa657",
"pink": "#ff79c6", "pink": "#ff79c6",
"black": "#0d1117", "black": "#484f58",
"surface": "#161b22", "surface": "#21262d",
"teal": "#77dfd8", "teal": "#39c5cf",
"sky": "#00bfff", "sky": "#58a6ff",
"sapphire": "#0099cc", "sapphire": "#1793d1",
"lavender": "#b4a7d6", "lavender": "#bc8cff",
"peach": "#ff9966", "peach": "#ffa657",
"maroon": "#fa7970", "maroon": "#ff7b72",
"mauve": "#cea5fb", "mauve": "#bc8cff",
"flamingo": "#e06c75", "flamingo": "#e06c75",
"rosewater": "#e8b4b8", "rosewater": "#e8b4b8",
"error": "#fa7970", "error": "#ff7b72",
"success": "#23d18b", "success": "#3fb950",
"warning": "#faa356", "warning": "#d29922",
"info": "#1793d1" "info": "#1793d1"
} }
}, },
"light": { "light": {
"colors": { "colors": {
"primary": "#1793d1", "primary": "#1793d1",
"secondary": "#e0e0e0", "secondary": "#ddf4ff",
"accent": "#005a2b", "accent": "#0969da",
"background": "#f6f8fa", "background": "#ffffff",
"backgroundLight": "#ffffff", "backgroundLight": "#f6f8fa",
"text": "#111111", "text": "#24292f",
"textMuted": "#57606a", "textMuted": "#57606a",
"border": "#d0d7de", "border": "#d0d7de",
"terminal": "#ffffff", "terminal": "#ffffff",
"terminalPrompt": "#005a87", "terminalPrompt": "#1793d1",
"terminalUser": "#005a2b", "terminalUser": "#0969da",
"terminalPath": "#005a87" "terminalPath": "#1793d1"
}, },
"colorMap": { "colorMap": {
"red": "#a6101d", "red": "#cf222e",
"green": "#005a2b", "green": "#1a7f37",
"yellow": "#945b00", "yellow": "#9a6700",
"blue": "#0a5696", "blue": "#0969da",
"magenta": "#7820a0", "magenta": "#8250df",
"cyan": "#006060", "cyan": "#1b7c83",
"white": "#111111", "white": "#24292f",
"gray": "#57606a", "gray": "#6e7781",
"orange": "#c04500", "orange": "#bc4c00",
"pink": "#a01b58", "pink": "#bf3989",
"black": "#ffffff", "black": "#24292f",
"surface": "#eaeef2", "surface": "#f6f8fa",
"teal": "#006060", "teal": "#1b7c83",
"sky": "#005a87", "sky": "#0969da",
"sapphire": "#004870", "sapphire": "#1793d1",
"lavender": "#4a4ec0", "lavender": "#8250df",
"peach": "#b05010", "peach": "#bc4c00",
"maroon": "#802020", "maroon": "#cf222e",
"mauve": "#602090", "mauve": "#8250df",
"flamingo": "#901040", "flamingo": "#bf3989",
"rosewater": "#a05040", "rosewater": "#d0d7de",
"error": "#a6101d", "error": "#cf222e",
"success": "#005a2b", "success": "#1a7f37",
"warning": "#945b00", "warning": "#9a6700",
"info": "#0a5696" "info": "#0969da"
} }
} }
} }

14
src/lib/assets/themes/catppuccin.theme.json
View File

@@ -4,13 +4,13 @@
"dark": { "dark": {
"colors": { "colors": {
"primary": "#89b4fa", "primary": "#89b4fa",
"secondary": "#313244", "secondary": "#585b70",
"accent": "#a6e3a1", "accent": "#a6e3a1",
"background": "#1e1e2e", "background": "#1e1e2e",
"backgroundLight": "#313244", "backgroundLight": "#313244",
"text": "#cdd6f4", "text": "#cdd6f4",
"textMuted": "#a6adc8", "textMuted": "#a6adc8",
"border": "#45475a", "border": "#6c7086",
"terminal": "#1e1e2e", "terminal": "#1e1e2e",
"terminalPrompt": "#cba6f7", "terminalPrompt": "#cba6f7",
"terminalUser": "#a6e3a1", "terminalUser": "#a6e3a1",
@@ -27,7 +27,7 @@
"gray": "#6c7086", "gray": "#6c7086",
"orange": "#fab387", "orange": "#fab387",
"pink": "#f5c2e7", "pink": "#f5c2e7",
"black": "#1e1e2e", "black": "#45475a",
"surface": "#313244", "surface": "#313244",
"teal": "#94e2d5", "teal": "#94e2d5",
"sky": "#89dceb", "sky": "#89dceb",
@@ -47,13 +47,13 @@
"light": { "light": {
"colors": { "colors": {
"primary": "#1e66f5", "primary": "#1e66f5",
"secondary": "#ccd0da", "secondary": "#acb0be",
"accent": "#40a02b", "accent": "#40a02b",
"background": "#eff1f5", "background": "#eff1f5",
"backgroundLight": "#dce0e8", "backgroundLight": "#e6e9ef",
"text": "#4c4f69", "text": "#4c4f69",
"textMuted": "#6c6f85", "textMuted": "#6c6f85",
"border": "#bcc0cc", "border": "#9ca0b0",
"terminal": "#eff1f5", "terminal": "#eff1f5",
"terminalPrompt": "#8839ef", "terminalPrompt": "#8839ef",
"terminalUser": "#40a02b", "terminalUser": "#40a02b",
@@ -70,7 +70,7 @@
"gray": "#9ca0b0", "gray": "#9ca0b0",
"orange": "#fe640b", "orange": "#fe640b",
"pink": "#ea76cb", "pink": "#ea76cb",
"black": "#eff1f5", "black": "#bcc0cc",
"surface": "#ccd0da", "surface": "#ccd0da",
"teal": "#179299", "teal": "#179299",
"sky": "#04a5e5", "sky": "#04a5e5",

90
src/lib/assets/themes/cerberus.theme.json Normal file
View File

@@ -0,0 +1,90 @@
{
"name": "Cerberus",
"icon": "🐕",
"dark": {
"colors": {
"primary": "#818cf8",
"secondary": "#e879f9",
"accent": "#2dd4bf",
"background": "#171717",
"backgroundLight": "#262626",
"text": "#f5f5f5",
"textMuted": "#a3a3a3",
"border": "#404040",
"terminal": "#171717",
"terminalPrompt": "#818cf8",
"terminalUser": "#2dd4bf",
"terminalPath": "#e879f9"
},
"colorMap": {
"red": "#ef4444",
"green": "#2dd4bf",
"yellow": "#fbbf24",
"blue": "#818cf8",
"magenta": "#e879f9",
"cyan": "#67e8f9",
"white": "#f5f5f5",
"gray": "#737373",
"orange": "#fb923c",
"pink": "#f472b6",
"black": "#404040",
"surface": "#262626",
"teal": "#2dd4bf",
"sky": "#38bdf8",
"sapphire": "#3b82f6",
"lavender": "#a78bfa",
"peach": "#fdba74",
"maroon": "#f43f5e",
"mauve": "#c084fc",
"flamingo": "#f472b6",
"rosewater": "#fb7185",
"error": "#ef4444",
"success": "#2dd4bf",
"warning": "#fbbf24",
"info": "#818cf8"
}
},
"light": {
"colors": {
"primary": "#4f46e5",
"secondary": "#c026d3",
"accent": "#0d9488",
"background": "#ffffff",
"backgroundLight": "#f5f5f5",
"text": "#171717",
"textMuted": "#525252",
"border": "#d4d4d4",
"terminal": "#ffffff",
"terminalPrompt": "#4f46e5",
"terminalUser": "#0d9488",
"terminalPath": "#c026d3"
},
"colorMap": {
"red": "#dc2626",
"green": "#0f766e",
"yellow": "#d97706",
"blue": "#4f46e5",
"magenta": "#c026d3",
"cyan": "#0891b2",
"white": "#171717",
"gray": "#525252",
"orange": "#ea580c",
"pink": "#db2777",
"black": "#262626",
"surface": "#f5f5f5",
"teal": "#0f766e",
"sky": "#0284c7",
"sapphire": "#1d4ed8",
"lavender": "#7e22ce",
"peach": "#f97316",
"maroon": "#e11d48",
"mauve": "#9333ea",
"flamingo": "#be185d",
"rosewater": "#e11d48",
"error": "#dc2626",
"success": "#0f766e",
"warning": "#d97706",
"info": "#4f46e5"
}
}
}

90
src/lib/assets/themes/rose.theme.json Normal file
View File

@@ -0,0 +1,90 @@
{
"name": "Rose",
"icon": "🌹",
"dark": {
"colors": {
"primary": "#fb7185",
"secondary": "#c084fc",
"accent": "#2dd4bf",
"background": "#1f181b",
"backgroundLight": "#2e2327",
"text": "#ffe4e6",
"textMuted": "#fda4af",
"border": "#5f484f",
"terminal": "#1f181b",
"terminalPrompt": "#fb7185",
"terminalUser": "#2dd4bf",
"terminalPath": "#c084fc"
},
"colorMap": {
"red": "#f43f5e",
"green": "#34d399",
"yellow": "#fde047",
"blue": "#60a5fa",
"magenta": "#e879f9",
"cyan": "#67e8f9",
"white": "#ffe4e6",
"gray": "#886e75",
"orange": "#fb923c",
"pink": "#fb7185",
"black": "#5f484f",
"surface": "#2e2327",
"teal": "#2dd4bf",
"sky": "#7dd3fc",
"sapphire": "#3b82f6",
"lavender": "#c084fc",
"peach": "#fdba74",
"maroon": "#be123c",
"mauve": "#d8b4fe",
"flamingo": "#f472b6",
"rosewater": "#fecdd3",
"error": "#f43f5e",
"success": "#34d399",
"warning": "#fde047",
"info": "#60a5fa"
}
},
"light": {
"colors": {
"primary": "#be123c",
"secondary": "#7e22ce",
"accent": "#0f766e",
"background": "#fff1f2",
"backgroundLight": "#ffe4e6",
"text": "#4c0519",
"textMuted": "#9f1239",
"border": "#fecdd3",
"terminal": "#fff1f2",
"terminalPrompt": "#be123c",
"terminalUser": "#0f766e",
"terminalPath": "#7e22ce"
},
"colorMap": {
"red": "#e11d48",
"green": "#059669",
"yellow": "#d97706",
"blue": "#2563eb",
"magenta": "#9333ea",
"cyan": "#0891b2",
"white": "#4c0519",
"gray": "#9f1239",
"orange": "#ea580c",
"pink": "#db2777",
"black": "#881337",
"surface": "#ffe4e6",
"teal": "#0f766e",
"sky": "#0284c7",
"sapphire": "#1d4ed8",
"lavender": "#7e22ce",
"peach": "#f97316",
"maroon": "#881337",
"mauve": "#a855f7",
"flamingo": "#be185d",
"rosewater": "#e11d48",
"error": "#e11d48",
"success": "#059669",
"warning": "#d97706",
"info": "#2563eb"
}
}
}

90
src/lib/assets/themes/wintry.theme.json Normal file
View File

@@ -0,0 +1,90 @@
{
"name": "Wintry",
"icon": "❄️",
"dark": {
"colors": {
"primary": "#7dd3fc",
"secondary": "#334155",
"accent": "#2dd4bf",
"background": "#0f172a",
"backgroundLight": "#1e293b",
"text": "#f1f5f9",
"textMuted": "#94a3b8",
"border": "#475569",
"terminal": "#0f172a",
"terminalPrompt": "#7dd3fc",
"terminalUser": "#2dd4bf",
"terminalPath": "#818cf8"
},
"colorMap": {
"red": "#f43f5e",
"green": "#4ade80",
"yellow": "#fde047",
"blue": "#60a5fa",
"magenta": "#c084fc",
"cyan": "#67e8f9",
"white": "#f1f5f9",
"gray": "#64748b",
"orange": "#fb923c",
"pink": "#f472b6",
"black": "#334155",
"surface": "#1e293b",
"teal": "#2dd4bf",
"sky": "#7dd3fc",
"sapphire": "#3b82f6",
"lavender": "#a78bfa",
"peach": "#fdba74",
"maroon": "#fda4af",
"mauve": "#d8b4fe",
"flamingo": "#f9a8d4",
"rosewater": "#fecdd3",
"error": "#f43f5e",
"success": "#4ade80",
"warning": "#fde047",
"info": "#60a5fa"
}
},
"light": {
"colors": {
"primary": "#0284c7",
"secondary": "#e2e8f0",
"accent": "#0d9488",
"background": "#f8fafc",
"backgroundLight": "#ffffff",
"text": "#0f172a",
"textMuted": "#64748b",
"border": "#cbd5e1",
"terminal": "#ffffff",
"terminalPrompt": "#0284c7",
"terminalUser": "#0d9488",
"terminalPath": "#4f46e5"
},
"colorMap": {
"red": "#e11d48",
"green": "#16a34a",
"yellow": "#d97706",
"blue": "#2563eb",
"magenta": "#9333ea",
"cyan": "#0891b2",
"white": "#0f172a",
"gray": "#64748b",
"orange": "#ea580c",
"pink": "#db2777",
"black": "#1e293b",
"surface": "#e2e8f0",
"teal": "#0d9488",
"sky": "#0284c7",
"sapphire": "#1d4ed8",
"lavender": "#7c3aed",
"peach": "#f97316",
"maroon": "#be123c",
"mauve": "#a855f7",
"flamingo": "#be185d",
"rosewater": "#e11d48",
"error": "#e11d48",
"success": "#16a34a",
"warning": "#d97706",
"info": "#2563eb"
}
}
}

5
src/lib/pages/home.ts
View File

@@ -14,13 +14,10 @@ export const lines: TerminalLine[] = [
{ type: 'blank', content: '' }, { type: 'blank', content: '' },
{ type: 'header', content: `Welcome to ${user.displayname}'s Portfolio` }, { type: 'header', content: `Welcome to ${user.displayname}'s Portfolio` },
{ type: 'blank', content: '' },
{ type: 'image', content: '', image: user.avatar, imageAlt: user.name, imageWidth: 120, inline: true }, { type: 'image', content: '', image: user.avatar, imageAlt: user.name, imageWidth: 120, inline: true },
{ type: 'output', content: `(&muted)${user.bio}(&)`, inline: true }, { type: 'output', content: `(&muted)${user.bio}(&)`, inline: true },
{ type: 'blank', content: '' },
{ type: 'divider', content: 'NAVIGATION' }, { type: 'divider', content: 'NAVIGATION' },
{ type: 'blank', content: '' },
// Interactive navigation buttons // Interactive navigation buttons
...navigation.map(nav => ({ ...navigation.map(nav => ({
@@ -31,9 +28,7 @@ export const lines: TerminalLine[] = [
href: nav.path, href: nav.path,
inline: true inline: true
})), })),
{ type: 'blank', content: '' },
{ type: 'divider', content: 'Website Keybinds' }, { type: 'divider', content: 'Website Keybinds' },
{ type: 'blank', content: '' },
{ type: 'output', content: '(&orange)Toggle Light/Dark Mode(&) (&text, bold)(Alt/Option+B)(&)' , inline: true }, { type: 'output', content: '(&orange)Toggle Light/Dark Mode(&) (&text, bold)(Alt/Option+B)(&)' , inline: true },
{ type: 'output', content: '(&muted)•(&)' , inline: true }, { type: 'output', content: '(&muted)•(&)' , inline: true },
{ type: 'output', content: '(&orange)Select Theme(&) (&text, bold)(Alt/Option+T + [#])(&)' , inline: true }, { type: 'output', content: '(&orange)Select Theme(&) (&text, bold)(Alt/Option+T + [#])(&)' , inline: true },

10
src/lib/stores/theme.ts
View File

@@ -5,8 +5,11 @@ import { type ThemeColorMap, defaultColorMap } from '$lib/components/tui/utils';
// Import theme JSON files // Import theme JSON files
import archTheme from '$lib/assets/themes/arch.theme.json'; import archTheme from '$lib/assets/themes/arch.theme.json';
import catppuccinTheme from '$lib/assets/themes/catppuccin.theme.json'; import catppuccinTheme from '$lib/assets/themes/catppuccin.theme.json';
import wintryTheme from '$lib/assets/themes/wintry.theme.json';
import roseTheme from '$lib/assets/themes/rose.theme.json';
import cerberusTheme from '$lib/assets/themes/cerberus.theme.json';
export type ColorTheme = 'arch' | 'catppuccin'; export type ColorTheme = 'arch' | 'catppuccin' | 'wintry' | 'rose' | 'cerberus';
export type Mode = 'dark' | 'light'; export type Mode = 'dark' | 'light';
// Theme JSON structure // Theme JSON structure
@@ -42,7 +45,10 @@ export interface ThemeColors {
// Load themes from JSON files // Load themes from JSON files
const themes: Record<ColorTheme, ThemeJson> = { const themes: Record<ColorTheme, ThemeJson> = {
arch: archTheme as ThemeJson, arch: archTheme as ThemeJson,
catppuccin: catppuccinTheme as ThemeJson catppuccin: catppuccinTheme as ThemeJson,
wintry: wintryTheme as ThemeJson,
rose: roseTheme as ThemeJson,
cerberus: cerberusTheme as ThemeJson
}; };
// Export themes for external access // Export themes for external access