From b683413be0983f434684aafd1415f363c043a864 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Wed, 14 Aug 2019 13:43:35 -0700
Subject: [PATCH] Try different themes with the ?theme query.

---
 frontends/etiquette_flask/static/css/common.css     |  4 ++++
 .../etiquette_flask/static/css/theme_pearl.css      | 13 +++++++++++++
 .../etiquette_flask/static/css/theme_slate.css      |  7 ++++++-
 frontends/etiquette_flask/templates/album.html      |  2 ++
 frontends/etiquette_flask/templates/bookmarks.html  |  1 +
 frontends/etiquette_flask/templates/clipboard.html  |  1 +
 frontends/etiquette_flask/templates/login.html      |  1 +
 frontends/etiquette_flask/templates/photo.html      |  1 +
 frontends/etiquette_flask/templates/root.html       |  1 +
 frontends/etiquette_flask/templates/search.html     |  1 +
 frontends/etiquette_flask/templates/tags.html       |  1 +
 frontends/etiquette_flask/templates/template.html   |  1 +
 frontends/etiquette_flask/templates/user.html       |  1 +
 13 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 frontends/etiquette_flask/static/css/theme_pearl.css

diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css
index c5a6f0e..15ecaf3 100644
--- a/frontends/etiquette_flask/static/css/common.css
+++ b/frontends/etiquette_flask/static/css/common.css
@@ -3,7 +3,11 @@
     --color_theme_primary: #00d8f4;
     --color_theme_secondary: #ffffd4;
 
+    --color_tag_object_bg: #fff;
+    --color_tag_object_fg: blue;
+
     --color_text_normal: black;
+    --color_text_bubble: black;
     --color_text_link: blue;
 
     --color_site_textfields: white;
diff --git a/frontends/etiquette_flask/static/css/theme_pearl.css b/frontends/etiquette_flask/static/css/theme_pearl.css
new file mode 100644
index 0000000..1390a6d
--- /dev/null
+++ b/frontends/etiquette_flask/static/css/theme_pearl.css
@@ -0,0 +1,13 @@
+:root
+{
+    --color_theme_primary: #f6ffff;
+    --color_theme_secondary: #86c6ff;
+    --color_site_textfields: white;
+    --color_site_transparency: rgba(0, 0, 0, 0.1);
+    --color_text_normal: #000;
+    --color_text_link: #00f;
+    --color_text_bubble: black;
+
+    --color_tag_object_bg: #fff;
+    --color_tag_object_fg: black;
+}
diff --git a/frontends/etiquette_flask/static/css/theme_slate.css b/frontends/etiquette_flask/static/css/theme_slate.css
index 4f8596c..5026264 100644
--- a/frontends/etiquette_flask/static/css/theme_slate.css
+++ b/frontends/etiquette_flask/static/css/theme_slate.css
@@ -1,8 +1,13 @@
 :root
 {
-    --color_theme_primary: #333;
+    --color_theme_primary: #222;
     --color_theme_secondary: #3b4d5d;
     --color_site_textfields: var(--color_theme_secondary);
+    --color_site_transparency: rgba(255, 255, 255, 0.05);
     --color_text_normal: #efefef;
     --color_text_link: #1edeff;
+    --color_text_bubble: black;
+
+    --color_tag_object_bg: #e6e6e6;
+    --color_tag_object_fg: black;
 }
diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html
index 0179c47..34b0bd7 100644
--- a/frontends/etiquette_flask/templates/album.html
+++ b/frontends/etiquette_flask/templates/album.html
@@ -95,6 +95,7 @@ h2, h3
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
     <link rel="stylesheet" href="/static/css/photo_card.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
 
@@ -151,6 +152,7 @@ ALBUM_ID = undefined;
     <link rel="stylesheet" href="/static/css/common.css">
     <link rel="stylesheet" href="/static/css/clipboard_tray.css">
     <link rel="stylesheet" href="/static/css/photo_card.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
     <script src="/static/js/spinner.js"></script>
diff --git a/frontends/etiquette_flask/templates/bookmarks.html b/frontends/etiquette_flask/templates/bookmarks.html
index f5500ad..3dedab9 100644
--- a/frontends/etiquette_flask/templates/bookmarks.html
+++ b/frontends/etiquette_flask/templates/bookmarks.html
@@ -6,6 +6,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
     <script src="/static/js/spinner.js"></script>
diff --git a/frontends/etiquette_flask/templates/clipboard.html b/frontends/etiquette_flask/templates/clipboard.html
index c868a17..bb88061 100644
--- a/frontends/etiquette_flask/templates/clipboard.html
+++ b/frontends/etiquette_flask/templates/clipboard.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="/static/css/common.css">
     <link rel="stylesheet" href="/static/css/photo_card.css">
     <link rel="stylesheet" href="/static/css/clipboard_tray.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
     <script src="/static/js/hotkeys.js"></script>
diff --git a/frontends/etiquette_flask/templates/login.html b/frontends/etiquette_flask/templates/login.html
index a8e5ff3..90c87db 100644
--- a/frontends/etiquette_flask/templates/login.html
+++ b/frontends/etiquette_flask/templates/login.html
@@ -6,6 +6,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
 
diff --git a/frontends/etiquette_flask/templates/photo.html b/frontends/etiquette_flask/templates/photo.html
index 18923cc..dfa76b3 100644
--- a/frontends/etiquette_flask/templates/photo.html
+++ b/frontends/etiquette_flask/templates/photo.html
@@ -7,6 +7,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
     <script src="/static/js/hotkeys.js"></script>
diff --git a/frontends/etiquette_flask/templates/root.html b/frontends/etiquette_flask/templates/root.html
index d102abe..8dc8c51 100644
--- a/frontends/etiquette_flask/templates/root.html
+++ b/frontends/etiquette_flask/templates/root.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
 
diff --git a/frontends/etiquette_flask/templates/search.html b/frontends/etiquette_flask/templates/search.html
index c6ba115..bbd3fcd 100644
--- a/frontends/etiquette_flask/templates/search.html
+++ b/frontends/etiquette_flask/templates/search.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="/static/css/common.css">
     <link rel="stylesheet" href="/static/css/photo_card.css">
     <link rel="stylesheet" href="/static/css/clipboard_tray.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
     <script src="/static/js/hotkeys.js"></script>
diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html
index 8a688f0..cda4d74 100644
--- a/frontends/etiquette_flask/templates/tags.html
+++ b/frontends/etiquette_flask/templates/tags.html
@@ -11,6 +11,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
     <script src="/static/js/spinner.js"></script>
diff --git a/frontends/etiquette_flask/templates/template.html b/frontends/etiquette_flask/templates/template.html
index 78fdc00..d36da04 100644
--- a/frontends/etiquette_flask/templates/template.html
+++ b/frontends/etiquette_flask/templates/template.html
@@ -6,6 +6,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>
 
diff --git a/frontends/etiquette_flask/templates/user.html b/frontends/etiquette_flask/templates/user.html
index 3b50ad1..271b028 100644
--- a/frontends/etiquette_flask/templates/user.html
+++ b/frontends/etiquette_flask/templates/user.html
@@ -6,6 +6,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/css/common.css">
+    {% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
     <script src="/static/js/common.js"></script>
     <script src="/static/js/api.js"></script>