Move current default css into theme_turquoise. Always pick a theme.

frontends/etiquette_flask/backend/common.py

@@ -180,7 +180,7 @@ def render_template(request, template_name, **kwargs):
 
     old_theme = request.cookies.get('etiquette_theme', None)
     new_theme = request.args.get('theme', None)
-    theme = '' if new_theme == '' else new_theme or old_theme
+    theme = 'turquoise' if new_theme == '' else new_theme or old_theme
 
     response = flask.render_template(
         template_name,

frontends/etiquette_flask/static/css/common.css

@@ -1,17 +1,3 @@
-:root
-{
-    --color_text_normal: black;
-    --color_text_link: blue;
-
-    --color_textfields: white;
-    --color_text_placeholder: gray;
-
-    --color_transparency: rgba(0, 0, 0, 0.1);
-    --color_dropshadow: rgba(0, 0, 0, 0.25);
-    --color_shadow: rgba(0, 0, 0, 0.5);
-    --color_highlight: rgba(255, 255, 255, 0.5);
-}
-
 @media screen and (min-width: 800px)
 {
     :root
@@ -244,7 +230,7 @@ button:active
 }
 .message_bubble *
 {
-    color: var(--color_text_normal);
+    color: var(--color_text_bubble);
 }
 .message_positive
 {

frontends/etiquette_flask/static/css/etiquette.css

@@ -1,11 +1,5 @@
 :root
 {
-    --color_primary: #00d8f4;
-    --color_secondary: #ffffd4;
-
-    --color_tag_object_bg: #fff;
-    --color_tag_object_fg: blue;
-
     --size_sticky_side: 300px;
     --size_sticky_bottom: 150px;
 }

frontends/etiquette_flask/static/css/theme_pearl.css

@@ -2,12 +2,19 @@
 {
     --color_primary: #f6ffff;
     --color_secondary: #aad7ff;
-    --color_textfields: white;
+
-    --color_transparency: rgba(0, 0, 0, 0.1);
     --color_text_normal: #000;
     --color_text_link: #00f;
     --color_text_bubble: black;
 
+    --color_textfields: white;
+    --color_text_placeholder: gray;
+
+    --color_transparency: rgba(0, 0, 0, 0.1);
+    --color_dropshadow: rgba(0, 0, 0, 0.25);
+    --color_shadow: rgba(0, 0, 0, 0.5);
+    --color_highlight: rgba(255, 255, 255, 0.5);
+
     --color_tag_object_bg: #fff;
     --color_tag_object_fg: black;
 }

frontends/etiquette_flask/static/css/theme_slate.css

@@ -2,12 +2,19 @@
 {
     --color_primary: #222;
     --color_secondary: #3b4d5d;
-    --color_textfields: var(--color_secondary);
+
-    --color_transparency: rgba(255, 255, 255, 0.05);
     --color_text_normal: #efefef;
     --color_text_link: #1edeff;
     --color_text_bubble: black;
 
+    --color_textfields: var(--color_secondary);
+    --color_text_placeholder: gray;
+
+    --color_transparency: rgba(255, 255, 255, 0.05);
+    --color_dropshadow: rgba(0, 0, 0, 0.25);
+    --color_shadow: rgba(0, 0, 0, 0.5);
+    --color_highlight: rgba(255, 255, 255, 0.5);
+
     --color_tag_object_bg: #e6e6e6;
     --color_tag_object_fg: black;
 }
@@ -17,8 +24,3 @@ button *
 {
     color: black;
 }
-.message_bubble,
-.message_bubble *
-{
-    color: black;
-}

frontends/etiquette_flask/static/css/theme_turquoise.css

@@ -0,0 +1,20 @@
+:root
+{
+    --color_primary: #00d8f4;
+    --color_secondary: #ffffd4;
+
+    --color_text_normal: black;
+    --color_text_link: blue;
+    --color_text_bubble: black;
+
+    --color_textfields: white;
+    --color_text_placeholder: gray;
+
+    --color_transparency: rgba(0, 0, 0, 0.1);
+    --color_dropshadow: rgba(0, 0, 0, 0.25);
+    --color_shadow: rgba(0, 0, 0, 0.5);
+    --color_highlight: rgba(255, 255, 255, 0.5);
+
+    --color_tag_object_bg: #fff;
+    --color_tag_object_fg: blue;
+}