shitty theme improvements

This commit is contained in:
Aljaz Ceru
2025-06-05 10:20:10 +02:00
parent 2785d9d6b6
commit 99c701e7a1

251
script.js
View File

@@ -16,16 +16,16 @@ const colorThemes = {
primary: '#4a314d', primary: '#4a314d',
background: '#ffffff', background: '#ffffff',
text: '#1a090d', text: '#1a090d',
cardBackground: '#a8ba9a', cardBackground: '#f8f9fa',
sidebarBackground: '#6b6570', sidebarBackground: '#6b6570',
hoverColor: '#ace894' hoverColor: '#ace894'
}, },
dark: { dark: {
background: '#1a090d', background: '#1a1a1a',
text: '#ace894', text: '#e8e8e8',
cardBackground: '#4a314d', cardBackground: '#2d2d2d',
sidebarBackground: '#6b6570', sidebarBackground: '#333333',
linkColor: '#a8ba9a' linkColor: '#88cc88'
} }
}, },
purple: { purple: {
@@ -33,16 +33,16 @@ const colorThemes = {
primary: '#9c528b', primary: '#9c528b',
background: '#ffffff', background: '#ffffff',
text: '#2f0147', text: '#2f0147',
cardBackground: '#e2c2c6', cardBackground: '#f7f3f7',
sidebarBackground: '#b9929f', sidebarBackground: '#b9929f',
hoverColor: '#610f7f' hoverColor: '#c470a4'
}, },
dark: { dark: {
background: '#2f0147', background: '#1a0d1a',
text: '#e2c2c6', text: '#e6d6e6',
cardBackground: '#9c528b', cardBackground: '#301a30',
sidebarBackground: '#610f7f', sidebarBackground: '#4a2d4a',
linkColor: '#b9929f' linkColor: '#cc88cc'
} }
}, },
nature: { nature: {
@@ -50,16 +50,16 @@ const colorThemes = {
primary: '#2c5530', primary: '#2c5530',
background: '#ffffff', background: '#ffffff',
text: '#1a2f1c', text: '#1a2f1c',
cardBackground: '#a7c4aa', cardBackground: '#f8faf8',
sidebarBackground: '#718355', sidebarBackground: '#718355',
hoverColor: '#90a955' hoverColor: '#90a955'
}, },
dark: { dark: {
background: '#1a2f1c', background: '#0f1a0f',
text: '#90a955', text: '#d4e6d4',
cardBackground: '#2c5530', cardBackground: '#1a331a',
sidebarBackground: '#718355', sidebarBackground: '#264d26',
linkColor: '#a7c4aa' linkColor: '#99dd99'
} }
}, },
sunset: { sunset: {
@@ -67,50 +67,50 @@ const colorThemes = {
primary: '#cf5c36', primary: '#cf5c36',
background: '#ffffff', background: '#ffffff',
text: '#1f1f1f', text: '#1f1f1f',
cardBackground: '#eec584', cardBackground: '#fdf8f3',
sidebarBackground: '#c8963e', sidebarBackground: '#c8963e',
hoverColor: '#f3a953' hoverColor: '#f3a953'
}, },
dark: { dark: {
background: '#1f1f1f', background: '#1a0f0a',
text: '#eec584', text: '#ffd4a3',
cardBackground: '#cf5c36', cardBackground: '#2d1a0d',
sidebarBackground: '#c8963e', sidebarBackground: '#4d2d1a',
linkColor: '#f3a953' linkColor: '#ffaa55'
} }
}, },
grape: { grape: {
light: { light: {
primary: '#642ca9', primary: '#642ca9',
background: '#ffffff', background: '#ffffff',
text: '#642ca9', text: '#2d1a47',
cardBackground: '#ffb8de', cardBackground: '#faf7fd',
sidebarBackground: '#ffdde1', sidebarBackground: '#9775cc',
hoverColor: '#ff36ab' hoverColor: '#8855cc'
}, },
dark: { dark: {
background: '#642ca9', background: '#0d0a1a',
text: '#ffdde1', text: '#e6d4ff',
cardBackground: '#ff36ab', cardBackground: '#1a0d33',
sidebarBackground: '#ff74d4', sidebarBackground: '#33204d',
linkColor: '#ffb8de' linkColor: '#bb88ff'
} }
}, },
autumn: { autumn: {
light: { light: {
primary: '#d95d39', primary: '#d95d39',
background: '#ffffff', background: '#ffffff',
text: '#0e1428', text: '#2d1a0f',
cardBackground: '#f0a202', cardBackground: '#fdf7f0',
sidebarBackground: '#7b9e89', sidebarBackground: '#cc8866',
hoverColor: '#f18805' hoverColor: '#f18805'
}, },
dark: { dark: {
background: '#0e1428', background: '#1a0f0a',
text: '#f0a202', text: '#ffcc99',
cardBackground: '#d95d39', cardBackground: '#331a0d',
sidebarBackground: '#7b9e89', sidebarBackground: '#4d2d1a',
linkColor: '#f18805' linkColor: '#ffaa77'
} }
}, },
midnight: { midnight: {
@@ -118,67 +118,101 @@ const colorThemes = {
primary: '#b91372', primary: '#b91372',
background: '#ffffff', background: '#ffffff',
text: '#31081f', text: '#31081f',
cardBackground: '#fa198b', cardBackground: '#fdf3f7',
sidebarBackground: '#6b0f1a', sidebarBackground: '#d988aa',
hoverColor: '#fa198b' hoverColor: '#e6558c'
}, },
dark: { dark: {
background: '#0e0004', background: '#0a0005',
text: '#fa198b', text: '#ff99cc',
cardBackground: '#b91372', cardBackground: '#260d1a',
sidebarBackground: '#31081f', sidebarBackground: '#4d1a33',
linkColor: '#fa198b' linkColor: '#ff77bb'
} }
}, },
rosenoir: { slate: {
light: { light: {
primary: '#792359', primary: '#475569',
background: '#ffffff', background: '#ffffff',
text: '#2f2d2e', text: '#1e293b',
cardBackground: '#fd3e81', cardBackground: '#f8fafc',
sidebarBackground: '#41292c', sidebarBackground: '#94a3b8',
hoverColor: '#d72483' hoverColor: '#64748b'
}, },
dark: { dark: {
background: '#2f2d2e', background: '#0f172a',
text: '#fd3e81', text: '#cbd5e1',
cardBackground: '#792359', cardBackground: '#1e293b',
sidebarBackground: '#41292c', sidebarBackground: '#334155',
linkColor: '#d72483' linkColor: '#94a3b8'
} }
}, },
materialkit: { forest: {
light: { light: {
primary: '#d4a574', primary: '#16a085',
background: '#f8f9fa', background: '#ffffff',
text: '#2c2c2c', text: '#2c3e50',
cardBackground: '#7fb069', cardBackground: '#f0fdf4',
sidebarBackground: '#a67c52', sidebarBackground: '#52d4a6',
hoverColor: '#7fb069' hoverColor: '#1abc9c'
}, },
dark: { dark: {
background: '#2c2c2c', background: '#0a1a12',
text: '#f8f9fa', text: '#a7f3d0',
cardBackground: '#a67c52', cardBackground: '#064e3b',
sidebarBackground: '#3d3d3d', sidebarBackground: '#047857',
linkColor: '#d4a574' linkColor: '#6ee7b7'
}
},
ocean: {
light: {
primary: '#2563eb',
background: '#ffffff',
text: '#1e40af',
cardBackground: '#eff6ff',
sidebarBackground: '#60a5fa',
hoverColor: '#3b82f6'
},
dark: {
background: '#0c1429',
text: '#bfdbfe',
cardBackground: '#1e3a8a',
sidebarBackground: '#1d4ed8',
linkColor: '#93c5fd'
}
},
cherry: {
light: {
primary: '#dc2626',
background: '#ffffff',
text: '#991b1b',
cardBackground: '#fef2f2',
sidebarBackground: '#f87171',
hoverColor: '#ef4444'
},
dark: {
background: '#1a0606',
text: '#fecaca',
cardBackground: '#7f1d1d',
sidebarBackground: '#991b1b',
linkColor: '#fb7185'
} }
}, },
cyberpunk: { cyberpunk: {
light: { light: {
primary: '#1a1a1a', primary: '#8b5cf6',
background: '#121212', background: '#fafafa',
text: '#00ffff', text: '#171717',
cardBackground: '#2a2a2a', cardBackground: '#f5f5f5',
sidebarBackground: '#1f1f1f', sidebarBackground: '#a78bfa',
hoverColor: '#ff0080' hoverColor: '#7c3aed'
}, },
dark: { dark: {
background: '#0d0d0d', background: '#0a0a0a',
text: '#00ffff', text: '#00ffff',
cardBackground: '#1a1a1a', cardBackground: '#1a0a1a',
sidebarBackground: '#111111', sidebarBackground: '#2a1a2a',
linkColor: '#ff0080' linkColor: '#ff0099'
} }
}, },
nord: { nord: {
@@ -186,7 +220,7 @@ const colorThemes = {
primary: '#5e81ac', primary: '#5e81ac',
background: '#eceff4', background: '#eceff4',
text: '#2e3440', text: '#2e3440',
cardBackground: '#d8dee9', cardBackground: '#e5e9f0',
sidebarBackground: '#81a1c1', sidebarBackground: '#81a1c1',
hoverColor: '#88c0d0' hoverColor: '#88c0d0'
}, },
@@ -194,50 +228,33 @@ const colorThemes = {
background: '#2e3440', background: '#2e3440',
text: '#d8dee9', text: '#d8dee9',
cardBackground: '#3b4252', cardBackground: '#3b4252',
sidebarBackground: '#4c566a', sidebarBackground: '#434c5e',
linkColor: '#8fbcbb' linkColor: '#88c0d0'
} }
}, },
pastel: { warm: {
light: { light: {
primary: '#ff88a2', primary: '#f59e0b',
background: '#fff9f8', background: '#ffffff',
text: '#301934', text: '#92400e',
cardBackground: '#ffd7e0', cardBackground: '#fffbeb',
sidebarBackground: '#ffc7d8', sidebarBackground: '#fbbf24',
hoverColor: '#ffb3c6' hoverColor: '#f97316'
}, },
dark: { dark: {
background: '#301934', background: '#1c1917',
text: '#ffd7e0', text: '#fed7aa',
cardBackground: '#ff88a2', cardBackground: '#451a03',
sidebarBackground: '#592653', sidebarBackground: '#78350f',
linkColor: '#ffc7d8' linkColor: '#fb923c'
}
},
oceanic: {
light: {
primary: '#0077b6',
background: '#f0fbff',
text: '#003049',
cardBackground: '#cce9f7',
sidebarBackground: '#48cae4',
hoverColor: '#0096c7'
},
dark: {
background: '#003049',
text: '#ade8f4',
cardBackground: '#0077b6',
sidebarBackground: '#014f86',
linkColor: '#48cae4'
} }
}, },
dracula: { dracula: {
light: { /* keeps light mode usable */ light: {
primary: '#bd93f9', primary: '#bd93f9',
background: '#ffffff', background: '#ffffff',
text: '#282a36', text: '#282a36',
cardBackground: '#eaeaea', cardBackground: '#f8f8f2',
sidebarBackground: '#cfc9e3', sidebarBackground: '#cfc9e3',
hoverColor: '#ff79c6' hoverColor: '#ff79c6'
}, },