From 2c48b43b71b55a3d45d16040c08c616e08e8e48b Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sat, 22 Sep 2018 01:14:50 -0700
Subject: [PATCH] Use a CSS variable for the secondary theme color.

---
 frontends/etiquette_flask/static/css/clipboard_tray.css | 2 +-
 frontends/etiquette_flask/static/css/common.css         | 3 ++-
 frontends/etiquette_flask/static/css/photo_card.css     | 2 +-
 frontends/etiquette_flask/templates/bookmarks.html      | 2 +-
 frontends/etiquette_flask/templates/root.html           | 2 +-
 frontends/etiquette_flask/templates/search.html         | 2 +-
 6 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontends/etiquette_flask/static/css/clipboard_tray.css b/frontends/etiquette_flask/static/css/clipboard_tray.css
index d03558a..1e39ca0 100644
--- a/frontends/etiquette_flask/static/css/clipboard_tray.css
+++ b/frontends/etiquette_flask/static/css/clipboard_tray.css
@@ -12,7 +12,7 @@
     min-width: 150px;
     padding: 2px;
 
-    background-color: #ffffd4;
+    background-color: var(--color_site_secondary);
 }
 #clipboard_tray_expandbutton
 {
diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css
index 2b72a11..4068a13 100644
--- a/frontends/etiquette_flask/static/css/common.css
+++ b/frontends/etiquette_flask/static/css/common.css
@@ -13,6 +13,7 @@ Organization:
 :root
 {
     --color_site_theme: #00d8f4;
+    --color_site_secondary: #ffffd4;
     --color_3d_shadow: rgba(0, 0, 0, 0.5);
     --color_3d_highlight: rgba(255, 255, 255, 0.5);
 }
@@ -52,7 +53,7 @@ pre
 }
 .header_element:hover
 {
-    background-color: #ffffd4;
+    background-color: var(--color_site_secondary);
 }
 
 .editor_input
diff --git a/frontends/etiquette_flask/static/css/photo_card.css b/frontends/etiquette_flask/static/css/photo_card.css
index 0e61fc7..838236e 100644
--- a/frontends/etiquette_flask/static/css/photo_card.css
+++ b/frontends/etiquette_flask/static/css/photo_card.css
@@ -1,6 +1,6 @@
 .photo_card
 {
-    background-color: #ffffd4;
+    background-color: var(--color_site_secondary);
 }
 .photo_card_list
 {
diff --git a/frontends/etiquette_flask/templates/bookmarks.html b/frontends/etiquette_flask/templates/bookmarks.html
index 6c956a7..a3526a8 100644
--- a/frontends/etiquette_flask/templates/bookmarks.html
+++ b/frontends/etiquette_flask/templates/bookmarks.html
@@ -32,7 +32,7 @@
     border-radius: 8px;
     box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
 
-    background-color: #ffffd4;
+    background-color: var(--color_site_secondary);
 }
 .bookmark_card .bookmark_url
 {
diff --git a/frontends/etiquette_flask/templates/root.html b/frontends/etiquette_flask/templates/root.html
index fdcf352..815c9bb 100644
--- a/frontends/etiquette_flask/templates/root.html
+++ b/frontends/etiquette_flask/templates/root.html
@@ -31,7 +31,7 @@ body, .nice_link
 }
 .nice_link:hover
 {
-    background-color: #ffffd4;
+    background-color: var(--color_site_secondary);
 }
 #motd
 {
diff --git a/frontends/etiquette_flask/templates/search.html b/frontends/etiquette_flask/templates/search.html
index 22c53d3..425acd6 100644
--- a/frontends/etiquette_flask/templates/search.html
+++ b/frontends/etiquette_flask/templates/search.html
@@ -97,7 +97,7 @@ form
 
     border: 1px solid black;
 
-    background-color: #ffffd4;
+    background-color: var(--color_site_secondary);
 
     font-size: 20;
 }