Mirror/awesome-nostr
1
0
Fork 0
mirror of https://github.com/aljazceru/awesome-nostr.git synced 2025-02-22 06:39:00 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

a bunch of themes for users to choose from

Browse Source
This commit is contained in:
Yeghro 2025-01-25 02:00:07 -08:00
parent 20ebb9c8ef
commit 8f9f03c763
2 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -44,6 +44,10 @@
<option value="purple">Purple Dream</option>
<option value="nature">Nature's Touch</option>
<option value="sunset">Sunset Vibes</option>
<option value="grape">Grape Fusion</option>
<option value="autumn">Autumn Warmth</option>
<option value="midnight">Midnight Rose</option>
<option value="rosenoir">Rose Noir</option>
</select>
<button id="darkModeToggle" class="theme-toggle" aria-label="Toggle dark mode">
<i class="fas fa-moon"></i>

68
script.js
View File

@ -71,6 +71,74 @@ const colorThemes = {
sidebarBackground: '#c8963e',
linkColor: '#f3a953'
}
},
grape: {
light: {
primary: '#642ca9',
background: '#ffffff',
text: '#642ca9',
cardBackground: '#ffb8de',
sidebarBackground: '#ffdde1',
hoverColor: '#ff36ab'
},
dark: {
background: '#642ca9',
text: '#ffdde1',
cardBackground: '#ff36ab',
sidebarBackground: '#ff74d4',
linkColor: '#ffb8de'
}
},
autumn: {
light: {
primary: '#d95d39',
background: '#ffffff',
text: '#0e1428',
cardBackground: '#f0a202',
sidebarBackground: '#7b9e89',
hoverColor: '#f18805'
},
dark: {
background: '#0e1428',
text: '#f0a202',
cardBackground: '#d95d39',
sidebarBackground: '#7b9e89',
linkColor: '#f18805'
}
},
midnight: {
light: {
primary: '#b91372',
background: '#ffffff',
text: '#31081f',
cardBackground: '#fa198b',
sidebarBackground: '#6b0f1a',
hoverColor: '#fa198b'
},
dark: {
background: '#0e0004',
text: '#fa198b',
cardBackground: '#b91372',
sidebarBackground: '#31081f',
linkColor: '#fa198b'
}
},
rosenoir: {
light: {
primary: '#792359',
background: '#ffffff',
text: '#2f2d2e',
cardBackground: '#fd3e81',
sidebarBackground: '#41292c',
hoverColor: '#d72483'
},
dark: {
background: '#2f2d2e',
text: '#fd3e81',
cardBackground: '#792359',
sidebarBackground: '#41292c',
linkColor: '#d72483'
}
}
};