From c91295be8a2bc63a2b35fd0a9062d5e0b5495b27 Mon Sep 17 00:00:00 2001 From: Ben Busby Date: Mon, 5 Apr 2021 10:32:59 -0400 Subject: [PATCH] Updated User Contributed CSS Themes (markdown) --- User-Contributed-CSS-Themes.md | 32 ++++++++++++++++++++------------ 1 file changed, 20 insertions(+), 12 deletions(-) diff --git a/User-Contributed-CSS-Themes.md b/User-Contributed-CSS-Themes.md index cc46f6d..449e388 100644 --- a/User-Contributed-CSS-Themes.md +++ b/User-Contributed-CSS-Themes.md @@ -3,9 +3,11 @@ ## Templates ### Format ```css +:root { /* LIGHT THEME COLORS */ - --whoogle-background: #______; - --whoogle-accent: #______; + --whoogle-logo: #______; + --whoogle-page-bg: #______; + --whoogle-element-bg: #______; --whoogle-text: #______; --whoogle-contrast-text: #______; --whoogle-secondary-text: #______; @@ -15,8 +17,9 @@ --whoogle-result-visited: #______; /* DARK THEME COLORS */ - --whoogle-dark-background: #______; - --whoogle-dark-accent: #______; + --whoogle-dark-logo: #______; + --whoogle-dark-page-bg: #______; + --whoogle-dark-element-bg: #______; --whoogle-dark-text: #______; --whoogle-dark-contrast-text: #______; --whoogle-dark-secondary-text: #______; @@ -24,6 +27,7 @@ --whoogle-dark-result-title: #______; --whoogle-dark-result-url: #______; --whoogle-dark-result-visited: #______; +} ``` ## Themes @@ -31,8 +35,9 @@ ### Nord ```css /* LIGHT THEME COLORS */ - --whoogle-background: #d8dee9; - --whoogle-accent: #2e3440; + --whoogle-page-bg: #d8dee9; + --whoogle-logo: #2e3440; + --whoogle-element-bg: #2e3440; --whoogle-text: #3B4252; --whoogle-contrast-text: #eceff4; --whoogle-secondary-text: #70757a; @@ -42,8 +47,9 @@ --whoogle-result-visited: #a3be8c; /* DARK THEME COLORS */ - --whoogle-dark-background: #292e39; - --whoogle-dark-accent: #d8dee9; + --whoogle-dark-page-bg: #292e39; + --whoogle-dark-element-bg: #d8dee9; + --whoogle-dark-logo: #d8dee9; --whoogle-dark-text: #eceff4; --whoogle-dark-contrast-text: #2e3440; --whoogle-dark-secondary-text: #f9fafb; @@ -56,8 +62,9 @@ ### Solarized ```css /* LIGHT THEME COLORS */ - --whoogle-background: #eee8d5; - --whoogle-accent: #002b36; + --whoogle-page-bg: #eee8d5; + --whoogle-element-bg: #002b36; + --whoogle-logo: #002b36; --whoogle-text: #002b36; --whoogle-contrast-text: #eee8d5; --whoogle-secondary-text: #3b4252; @@ -67,8 +74,9 @@ --whoogle-result-visited: #2aa198; /* DARK THEME COLORS */ - --whoogle-dark-background: #002b36; - --whoogle-dark-accent: #eee8d5; + --whoogle-dark-page-bg: #002b36; + --whoogle-dark-element-bg: #eee8d5; + --whoogle-dark-logo: #eee8d5; --whoogle-dark-text: #eee8d5; --whoogle-dark-contrast-text: #002b36; --whoogle-dark-secondary-text: #eee8d5;