From b3f4158f53a3900aacf5c55a4948999b8d46fd9f Mon Sep 17 00:00:00 2001 From: Ben Busby Date: Fri, 9 Apr 2021 09:50:30 -0400 Subject: [PATCH] Updated User Contributed CSS Themes (markdown) --- User-Contributed-CSS-Themes.md | 111 +++++++++++++++++++++++++++++++++ 1 file changed, 111 insertions(+) diff --git a/User-Contributed-CSS-Themes.md b/User-Contributed-CSS-Themes.md index 449e388..30d5b84 100644 --- a/User-Contributed-CSS-Themes.md +++ b/User-Contributed-CSS-Themes.md @@ -32,8 +32,116 @@ ## Themes +### Original +```css +:root { + /* LIGHT THEME COLORS */ + --whoogle-logo: #685e79; + --whoogle-page-bg: #ffffff; + --whoogle-element-bg: #685e79; + --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: #685e79; + --whoogle-dark-page-bg: #222222; + --whoogle-dark-element-bg: #685e79; + --whoogle-dark-text: #ffffff; + --whoogle-dark-contrast-text: #000000; + --whoogle-dark-secondary-text: #bbbbbb; + --whoogle-dark-result-bg: #000000; + --whoogle-dark-result-title: #1967d2; + --whoogle-dark-result-url: #4b11a8; + --whoogle-dark-result-visited: #bbbbff; +} +``` + +### Grayscale (Dark) -- default dark theme + +```css +:root { + /* LIGHT THEME COLORS */ + /* TBD */ + + /* DARK THEME COLORS */ + --whoogle-dark-logo: #888888; + --whoogle-dark-page-bg: #080808; + --whoogle-dark-element-bg: #111111; + --whoogle-dark-text: #dddddd; + --whoogle-dark-contrast-text: #aaaaaa; + --whoogle-dark-secondary-text: #8a8b8c; + --whoogle-dark-result-bg: #111111; + --whoogle-dark-result-title: #dddddd; + --whoogle-dark-result-url: #eceff4; + --whoogle-dark-result-visited: #959595; +} +``` + +### Doppelgänger +```css +: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: #685e79; + --whoogle-dark-page-bg: #212131; + --whoogle-dark-element-bg: #4285f4; + --whoogle-dark-text: #ffffff; + --whoogle-dark-contrast-text: #ffffff; + --whoogle-dark-secondary-text: #bbbbbb; + --whoogle-dark-result-bg: #121222; + --whoogle-dark-result-title: #64a7f6; + --whoogle-dark-result-url: #34a853; + --whoogle-dark-result-visited: #bbbbff; +} + +#whoogle-w { + fill: #4285f4; +} + +#whoogle-h { + fill: #ea4335; +} + +#whoogle-o-1 { + fill: #fbbc05; +} + +#whoogle-o-2 { + fill: #4285f4; +} + +#whoogle-g { + fill: #34a853; +} + +#whoogle-l { + fill: #ea4335; +} + +#whoogle-e { + fill: #fbbc05; +} +``` + ### Nord ```css +:root { /* LIGHT THEME COLORS */ --whoogle-page-bg: #d8dee9; --whoogle-logo: #2e3440; @@ -57,10 +165,12 @@ --whoogle-dark-result-title: #88c0d0; --whoogle-dark-result-url: #eceff4; --whoogle-dark-result-visited: #a3be8c; +} ``` ### Solarized ```css +:root { /* LIGHT THEME COLORS */ --whoogle-page-bg: #eee8d5; --whoogle-element-bg: #002b36; @@ -84,4 +194,5 @@ --whoogle-dark-result-title: #3aa6f2; --whoogle-dark-result-url: #38d5c9; --whoogle-dark-result-visited: #2aa198; +} ``` \ No newline at end of file