Updated User Contributed CSS Themes (markdown)

Ben Busby 2021-04-05 10:32:59 -04:00
parent c781e81aeb
commit c91295be8a

@ -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;