Updated User Contributed CSS Themes (markdown)

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;
+}
 ```