diff --git a/User-Contributed-CSS-Themes.md b/User-Contributed-CSS-Themes.md index c7b15a7..b2ef2d8 100644 --- a/User-Contributed-CSS-Themes.md +++ b/User-Contributed-CSS-Themes.md @@ -109,7 +109,54 @@ } ``` -### Rosé Pine [by @ThatOneCalculator -- screenshots: https://github.com/rose-pine/whoogle] +### Catpuccin [by @WitherCubes -- [screenshots](https://github.com/catppuccin/whoogle)] +```css +:root { + /* LIGHT THEME COLORS */ + + /* DARK THEME COLORS */ + --whoogle-dark-logo: #6E6C7E; + --whoogle-dark-page-bg: #1E1E2E; + --whoogle-dark-element-bg: #302D41; + --whoogle-dark-text: #D9E0EE; + --whoogle-dark-contrast-text: #F2CDCD; + --whoogle-dark-secondary-text: #988BA2; + --whoogle-dark-result-bg: #302D41; + --whoogle-dark-result-title: #F5E0DC; + --whoogle-dark-result-url: #F5E0DC; + --whoogle-dark-result-visited: #C9CBFF; +} + +#whoogle-w { + fill: #96CDFB; +} + +#whoogle-h { + fill: #F28FAD; +} + +#whoogle-o-1 { + fill: #FAE3B0; +} + +#whoogle-o-2 { + fill: #96CDFB; +} + +#whoogle-g { + fill: #ABE9B3; +} + +#whoogle-l { + fill: #F28FAD; +} + +#whoogle-e { + fill: #FAE3B0; +} +``` + +### Rosé Pine [by @ThatOneCalculator -- [screenshots](https://github.com/rose-pine/whoogle)] ```css :root { /* LIGHT THEME COLORS */ @@ -166,6 +213,36 @@ } ``` +### easydark [by @Jieiku] +```css +/* Colors */ +:root { + /* LIGHT THEME COLORS */ + --whoogle-logo: #685e79; + --whoogle-page-bg: #ffffff; + --whoogle-element-bg: #4285f4; + --whoogle-text: #000000; + --whoogle-contrast-text: #ffffff; + --whoogle-secondary-text: #70757a; + --whoogle-result-bg: #ffffff; + --whoogle-result-title: #1967d2; + --whoogle-result-url: #0d652d; + --whoogle-result-visited: #4b11a8; + + /* DARK THEME COLORS */ + --whoogle-dark-logo: #ffffff; + --whoogle-dark-page-bg: #111111; + --whoogle-dark-element-bg: #303134; + --whoogle-dark-text: #dddddd; + --whoogle-dark-contrast-text: #e8eaed; + --whoogle-dark-secondary-text: #bdc1c6; + --whoogle-dark-result-bg: #222222; + --whoogle-dark-result-title: #8ab4f8; + --whoogle-dark-result-url: #34a853; + --whoogle-dark-result-visited: #c58af9; +} +``` + ### Nord [by @apmechev] ```css :root {