Try different themes with the ?theme query.
This commit is contained in:
parent
d7307a6c44
commit
b683413be0
13 changed files with 34 additions and 1 deletions
|
|
@ -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;
|
||||
|
|
|
|||
13
frontends/etiquette_flask/static/css/theme_pearl.css
Normal file
13
frontends/etiquette_flask/static/css/theme_pearl.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue