From 872a19d1d872fe946b34e482155485554cf04d28 Mon Sep 17 00:00:00 2001 From: Ben Busby Date: Thu, 31 Oct 2024 16:50:08 -0600 Subject: [PATCH] Add dracula unleashed theme --- User-Contributed-CSS-Themes.md | 65 ++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) diff --git a/User-Contributed-CSS-Themes.md b/User-Contributed-CSS-Themes.md index 6f249ee..f8b925b 100644 --- a/User-Contributed-CSS-Themes.md +++ b/User-Contributed-CSS-Themes.md @@ -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; +} ``` \ No newline at end of file