diff --git a/User-Contributed-CSS-Themes.md b/User-Contributed-CSS-Themes.md index 089d528..c7b15a7 100644 --- a/User-Contributed-CSS-Themes.md +++ b/User-Contributed-CSS-Themes.md @@ -109,6 +109,63 @@ } ``` +### Rosé Pine [by @ThatOneCalculator -- screenshots: https://github.com/rose-pine/whoogle] +```css +:root { + /* LIGHT THEME COLORS */ + --whoogle-logo: #c4a7e7; + --whoogle-page-bg: #faf4ed; + --whoogle-element-bg: #f2e9e1; + --whoogle-text: #575279; + --whoogle-contrast-text: #1f1d2e; + --whoogle-secondary-text: #797593; + --whoogle-result-bg: #faf4ed; + --whoogle-result-title: #d7827e; + --whoogle-result-url: #286983; + --whoogle-result-visited: #907aa9; + + /* DARK THEME COLORS */ + --whoogle-dark-logo: #c4a7e7; + --whoogle-dark-page-bg: #191724; + --whoogle-dark-element-bg: #1f1d2e; + --whoogle-dark-text: #e0def4; + --whoogle-dark-contrast-text: #e0def4; + --whoogle-dark-secondary-text: #908caa; + --whoogle-dark-result-bg: #393552; + --whoogle-dark-result-title: #9ccfd8; + --whoogle-dark-result-url: #3e8fb0; + --whoogle-dark-result-visited: #c4a7e7; +} + +#whoogle-w { + fill: #eb6f92; +} + +#whoogle-h { + fill: #f6c177; +} + +#whoogle-o-1 { + fill: #ebbcba; +} + +#whoogle-o-2 { + fill: #31748f; +} + +#whoogle-g { + fill: #9ccfd8; +} + +#whoogle-l { + fill: #c4a7e7; +} + +#whoogle-e { + fill: #908caa; +} +``` + ### Nord [by @apmechev] ```css :root {