diff --git a/frontends/etiquette_flask/backend/common.py b/frontends/etiquette_flask/backend/common.py index a4b673c..2c574ed 100644 --- a/frontends/etiquette_flask/backend/common.py +++ b/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, diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css index 9cbbb07..c1162c6 100644 --- a/frontends/etiquette_flask/static/css/common.css +++ b/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 { diff --git a/frontends/etiquette_flask/static/css/etiquette.css b/frontends/etiquette_flask/static/css/etiquette.css index 5ae0382..7d275fe 100644 --- a/frontends/etiquette_flask/static/css/etiquette.css +++ b/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; } diff --git a/frontends/etiquette_flask/static/css/theme_pearl.css b/frontends/etiquette_flask/static/css/theme_pearl.css index 6276242..8b315a3 100644 --- a/frontends/etiquette_flask/static/css/theme_pearl.css +++ b/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; } diff --git a/frontends/etiquette_flask/static/css/theme_slate.css b/frontends/etiquette_flask/static/css/theme_slate.css index 0c2515a..26bf190 100644 --- a/frontends/etiquette_flask/static/css/theme_slate.css +++ b/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; -} diff --git a/frontends/etiquette_flask/static/css/theme_turquoise.css b/frontends/etiquette_flask/static/css/theme_turquoise.css new file mode 100644 index 0000000..80d522f --- /dev/null +++ b/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; +}