Add dracula unleashed theme

Ben Busby 2024-10-31 16:50:08 -06:00
parent 4eac9ba225
commit 872a19d1d8

@ -543,4 +543,69 @@ a:link h3 div {
#whoogle-w,#whoogle-h,#whoogle-o-1,#whoogle-o-2,#whoogle-g,#whoogle-l,#whoogle-e {
fill: #10a37f;
}
```
### Dracula Unleashed Theme (by @Hypertoken)
Embrace the night with an enhanced Dracula theme, now featuring:
🌗 Dual Personality: True Dracula dark mode + Sunlight-friendly light mode
🎨 Full Spectrum: All 7 iconic Dracula colors in action
🖌️ Pixel-Perfect Logo: Each letter a different Dracula hue
👁️ Improved Contrast: Better readability without losing the Dracula charm
🔄 Seamless Switching: Consistent experience across light and dark modes
Dive into a search experience that's easy on the eyes, day or night. Whether you're a vampire or a daywalker, this theme's got you covered!
```css
:root {
/* LIGHT THEME COLORS (Dracula-inspired) */
--whoogle-logo: #bd93f9;
--whoogle-page-bg: #f8f8f2;
--whoogle-element-bg: #e9e9f4;
--whoogle-text: #282a36;
--whoogle-contrast-text: #8be9fd;
--whoogle-secondary-text: #6272a4;
--whoogle-result-bg: #ffffff;
--whoogle-result-title: #50fa7b;
--whoogle-result-url: #bd93f9;
--whoogle-result-visited: #ff79c6;
/* DARK THEME COLORS (True Dracula) */
--whoogle-dark-logo: #bd93f9;
--whoogle-dark-page-bg: #282a36;
--whoogle-dark-element-bg: #44475a;
--whoogle-dark-text: #f8f8f2;
--whoogle-dark-contrast-text: #8be9fd;
--whoogle-dark-secondary-text: #6272a4;
--whoogle-dark-result-bg: #282a36;
--whoogle-dark-result-title: #50fa7b;
--whoogle-dark-result-url: #bd93f9;
--whoogle-dark-result-visited: #ff79c6;
}
#whoogle-w {
fill: #8be9fd;
}
#whoogle-h {
fill: #50fa7b;
}
#whoogle-o-1 {
fill: #ffb86c;
}
#whoogle-o-2 {
fill: #ff79c6;
}
#whoogle-g {
fill: #bd93f9;
}
#whoogle-l {
fill: #ff5555;
}
#whoogle-e {
fill: #f1fa8c;
}
```