Colors adjusted to be colorblind friendly

ownchatbot/templates/add.html

@@ -26,7 +26,7 @@
                             {% if messages %}
                                 {% for category, message in messages %}
                                     {% if category == 'error' %}
-                                        <span style="color: red;">{{ message }}</span>
+                                        <span style="color: orange;">{{ message }}</span>
                                     {% endif %}
                                 {% endfor %}
                             {% endif %}
@@ -38,7 +38,7 @@
                     {% if reward_type == "goal" %}
                         <tr>
                             <td><label for="target">Target:</label></td>
-                            <td><input id="target" type="number" name="target" required></td>                    
+                            <td><input id="target" type="number" name="target" required></td>
                         </tr>
                     {% else %}
                         <tr>
@@ -123,14 +123,14 @@
                     
                     <tr>              
                         <td>Categories</td>
-                        <td>Categories in <span style="color: red;">red</span> are inactive.
+                        <td>Categories in <span style="color: orange;">orange</span> are inactive.
                             <table>
                                 {% for cat in all_cats %}
                                 <tr>
                                     {% if cat in active_categories %}
                                     <td><label for="category">{{ cat }}:</label></td>
                                     {% else %}
-                                    <td><label for="category"><span style="color: red;">{{ cat }}</span>:</label></td>
+                                    <td><label for="category"><span style="color: orange;">{{ cat }}</span>:</label></td>
                                     {% endif %}
                                     <td><input id="category" type="checkbox" name="category" value="{{ cat }}"></td>
                                 </tr>
@@ -141,9 +141,9 @@
                 {% endif %}  
             </table>
             {% if reward_type == "category" %}
-                <br>By default, new categories are <span style="color: red;">inactive</span>.<br>
+                <br>By default, new categories are <span style="color: orange;">inactive</span>.<br>
             {% else %}
-                <br>Your {{ reward_type }} will be <span style="color: red;">inactive</span>, until you add it to an active category.
+                <br>Your {{ reward_type }} will be <span style="color: orange;">inactive</span>, until you add it to an active category.
             {% endif %}
             <br><button id="Add reward/category" class="button button2" type="submit">Create {{ reward_type }}</button><br>
         </form>

ownchatbot/templates/edit.html

@@ -102,14 +102,14 @@
                     
                     <tr>
                         <td>Categories</td>
-                        <td>Categories in <span style="color: red;">red</span> are inactive.
+                        <td>Categories in <span style="color: orange;">orange</span> are inactive.
                             <table>
                                 {% for cat in all_cats %}
                                     <tr>
                                         {% if cat in active_categories %}
                                         <td> <label for="category">{{ cat }}:</label> </td>
                                         {% else %}
-                                        <td> <label for="category"><span style="color: red;">{{ cat }}</span>:</label> </td>
+                                        <td> <label for="category"><span style="color: orange;">{{ cat }}</span>:</label> </td>
                                         {% endif %}
                                         {% if cat in reward_data["categories"] %}
                                             <td> <input id="category" type="checkbox" name="category" value="{{ cat }}" checked> </td>

ownchatbot/templates/mgmt.html

@@ -77,7 +77,7 @@
             </table>
             <br>
             {% if rewards %}
-            Rewards in <span style="color: red !important;">red</span> are inactive. To activate a reward, add it to an active category.
+            Rewards in <span style="color: orange !important;">orange</span> are inactive. To activate a reward, add it to an active category.
             <table>
                 <thead>
                     <tr>
@@ -95,7 +95,7 @@
                     {% if reward in active_rewards %}
                     <tr>
                     {% else %}
-                    <tr style="color: red;">
+                    <tr style="color: orange;">
                     {% endif %}
                         <td>{{ prefix }}{{ reward }}</td>
                         <td>{{ reward_info["price"] }}</td>
@@ -108,8 +108,8 @@
                         {% endif %}
                         <td>{{ reward_info["categories"] | join(', ') }}</td>
                         <td>
-                            <a href="{{ url_for('web_panels.edit', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: green;">Edit</span></button></a>&nbsp
-                            <a href="{{ url_for('web_panels.delete', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: red;">Delete</span></button></a>
+                            <a href="{{ url_for('web_panels.edit', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: yellow;">Edit</span></button></a>&nbsp
+                            <a href="{{ url_for('web_panels.delete', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: orange;">Delete</span></button></a>
                     {% endif %}
                     </tr>
                 {% endfor %}
@@ -133,16 +133,16 @@
                     {% if reward in active_rewards %}
                     <tr>
                     {% else %}
-                    <tr style="color: red;">
+                    <tr style="color: orange;">
                     {% endif %}
                         <td>{{ prefix }}{{ reward }}</td>
                         <td>{{ reward_info["target"] }}</td>
                         <td>{{ reward_info["info"] }}</td>
                         <td>{{ reward_info["categories"] | join(', ') }}</td>
                         <td>
-                            <a href="{{ url_for('web_panels.edit', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: red;">Edit</span></button></a>&nbsp
-                            <a href="{{ url_for('web_panels.delete', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: green;">Delete</span></button></a>&nbsp
-                            <a href="{{ url_for('web_panels.reset', reward_name=reward, reward_type=reward_info["type"]) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: orange;">Reset</span></button></a>
+                            <a href="{{ url_for('web_panels.edit', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: orange;">Edit</span></button></a>&nbsp
+                            <a href="{{ url_for('web_panels.delete', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: yellow;">Delete</span></button></a>&nbsp
+                            <a href="{{ url_for('web_panels.reset', reward_name=reward, reward_type=reward_info["type"]) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: #295e11;">Reset</span></button></a>
                     {% endif %}
                     </tr>
                 {% endfor %}
@@ -166,16 +166,16 @@
                     {% if reward in active_rewards %}
                     <tr>
                     {% else %}
-                    <tr style="color: red;">
+                    <tr style="color: orange;">
                     {% endif %}
                         <td>{{ prefix }}{{ reward }}</td>
                         <td>{{ reward_info["price"] }}</td>
                         <td>{{ reward_info["info"] }}</td>
                         <td>{{ reward_info["categories"] | join(', ') }}</td>
                         <td>
-                            <a href="{{ url_for('web_panels.edit', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: red;">Edit</span></button></a>&nbsp
-                            <a href="{{ url_for('web_panels.delete', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: red;">Delete</span></button></a>&nbsp
-                            <a href="{{ url_for('web_panels.reset', reward_name=reward, reward_type=reward_info["type"]) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: orange;">Reset</span></button></a>
+                            <a href="{{ url_for('web_panels.edit', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: orange;">Edit</span></button></a>&nbsp
+                            <a href="{{ url_for('web_panels.delete', reward_name=reward) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: orange;">Delete</span></button></a>&nbsp
+                            <a href="{{ url_for('web_panels.reset', reward_name=reward, reward_type=reward_info["type"]) }}"><button class="button button2" onclick="openTab(event, 'managerewards')"><span style="color: #295e11;">Reset</span></button></a>
                     {% endif %}
                     </tr>
                 {% endfor %}
@@ -204,7 +204,7 @@
                 {% for user in users %}
                     <tr>
                         {% if not user[1] %}
-                            <td style="color: red;"> Temporary Account </td>
+                            <td style="color: orange;"> Temporary Account </td>
                         {% else %}
                             <td> {{ user[1] }} </td>
                         {% endif %}
@@ -213,7 +213,7 @@
                         <td>{{ user[2] }} {{ points_label }}</td>
                         {% if user[4] %}
                             {% if not user[1] %}
-                                <td style="color: red;">{{ user[4] }}</td>
+                                <td style="color: orange;">{{ user[4] }}</td>
                             {% else %}
                                 <td>{{ user[4] }}</td>
                             {% endif %}
@@ -250,12 +250,12 @@
                     <tr>
                         <td>
                             {% for cat in active_categories %}
-                            &nbsp;&nbsp;{{ cat }} - <a href="/mgmt/deactivate/{{ cat }}"><span style="color: orange;">Deactivate</span></a>&nbsp;<a href="/mgmt/delcat/{{ cat }}/active"><span style="color: gray;">Delete</span></a><br>
+                            &nbsp;&nbsp;{{ cat }} - <a href="/mgmt/deactivate/{{ cat }}"><span style="color: orange;">Deactivate</span></a>&nbsp;<a href="/mgmt/delcat/{{ cat }}/active"><span style="color: #295e11;">Delete</span></a><br>
                             {% endfor %}
                         </td>
                         <td>
                             {% for cat in inactive_categories %}
-                            &nbsp;&nbsp;{{ cat }} - <a href="/mgmt/activate/{{ cat }}"><span style="color: red;">Activate</span></a>&nbsp;<a href="/mgmt/delcat/{{ cat }}/inactive"><span style="color: gray;">Delete</span></a><br>
+                            &nbsp;&nbsp;{{ cat }} - <a href="/mgmt/activate/{{ cat }}"><span style="color: orange;">Activate</span></a>&nbsp;<a href="/mgmt/delcat/{{ cat }}/inactive"><span style="color: #295e11;">Delete</span></a><br>
                             {% endfor %}
                         </td>
                     </tr>
@@ -478,12 +478,12 @@
                     {% if item.crossed == 'no' %}
                         <li style="text-decoration:none;">
                             {{ item.name }}
-                            <a href="{{ url_for('web_panels.cross', item_id=loop.index0) }}">[Cross Off]</a>&nbsp;<a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}"><span style="color: green;">[Remove]</span></a>
+                            <a href="{{ url_for('web_panels.cross', item_id=loop.index0) }}">[Cross Off]</a>&nbsp;<a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}"><span style="color: yellow;">[Remove]</span></a>
                         </li>
                     {% else %}
                         <li> <span style="text-decoration:line-through;">
                             {{ item.name }}</span>
-                            <a href="{{ url_for('web_panels.uncross', item_id=loop.index0) }}">[Un-Cross]</a>&nbsp;<a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}"><span style="color: green;">[Remove]</span></a>
+                            <a href="{{ url_for('web_panels.uncross', item_id=loop.index0) }}">[Un-Cross]</a>&nbsp;<a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}"><span style="color: yellow;">[Remove]</span></a>
                     {% endif %}
                 {% endfor %}
             {% endif %}
@@ -550,7 +550,7 @@
                     <td><input type="file" name="FOLLOWER_ALERT" accept=".gif, .jpg, .jpeg, .png, .webm" required></td>
                     <td><button id="new_follow_image_upload" class="button button2" type="submit">Upload</button>
                     </form>&nbsp
-                        <a href="{{ url_for('web_panels.del_alert', alert_type='FOLLOWER_ALERT') }}"><button id="new_follow_image_upload" class="button button2" onclick="openTab(event, 'alerts')"><span style="color: green;">Clear</span></button></a></td>
+                        <a href="{{ url_for('web_panels.del_alert', alert_type='FOLLOWER_ALERT') }}"><button id="new_follow_image_upload" class="button button2" onclick="openTab(event, 'alerts')"><span style="color: yellow;">Clear</span></button></a></td>
                     <td>{{ settings_info[10] }}/alert/follower</td>
                 </tr>
                 <tr>
@@ -568,7 +568,7 @@
                     {% endif %}
                     <td><input type="file" name="MILESTONE_ALERT" accept=".gif, .jpg, .jpeg, .png, .webm" required></td>
                     <td><button id="new_milestone_image_upload" class="button button2" type="submit">Upload</button></form>&nbsp
-                        <a href="{{ url_for('web_panels.del_alert', alert_type='MILESTONE_ALERT') }}"><button id="new_milestone_image_upload" class="button button2" onclick="openTab(event, 'alerts')"><span style="color: green;">Clear</span></button></a></td>
+                        <a href="{{ url_for('web_panels.del_alert', alert_type='MILESTONE_ALERT') }}"><button id="new_milestone_image_upload" class="button button2" onclick="openTab(event, 'alerts')"><span style="color: yellow;">Clear</span></button></a></td>
                     <td>{{ settings_info[10] }}/alert/milestone</td>
                 </tr>
                 <tr>
@@ -586,7 +586,7 @@
                     {% endif %}
                     <td><input type="file" name="GOAL_ALERT" accept=".gif, .jpg, .jpeg, .png, .webm" required></td>
                     <td><button id="new_goal_image_upload" class="button button2" type="submit">Upload</button></form>&nbsp
-                        <a href="{{ url_for('web_panels.del_alert', alert_type='GOAL_ALERT') }}"><button id="new_goal_image_upload" class="button button2" onclick="openTab(event, 'alerts')"><span style="color: green;">Clear</span></button></a></td>
+                        <a href="{{ url_for('web_panels.del_alert', alert_type='GOAL_ALERT') }}"><button id="new_goal_image_upload" class="button button2" onclick="openTab(event, 'alerts')"><span style="color: yellow;">Clear</span></button></a></td>
                     <td>{{ settings_info[10] }}/alert/goal</td>
                 </tr>
         </table>

ownchatbot/templates/userpanel.html

@@ -47,7 +47,7 @@
                 {% set s_points_label = 'point' if sub_points == 1 else 'points' %}
                 Kofi subscribers get {{ kofi_settings['sub_points'] }} {{ s_points_label }} every month.<br>
             {% endif %}
-            <i>You must be authenticated with Owncast to earn points for Kofi donations.</i><br>
+            <i><span style="color: #295e11;"> You must be authenticated with Owncast to earn points for Kofi donations.</span></i><br>
             
             {% for user in users %}
             
@@ -63,7 +63,7 @@
                                     <span style="color: red;">{{ message }}</span>
                                 {% endif %}
                                 {% if category == 'success' %}
-                                    <span style="color: green;">{{ message }}</span>
+                                    <span style="color: yellow;">{{ message }}</span>
                                 {% endif %}
                             {% endfor %}
                         {% endif %}
@@ -71,7 +71,7 @@
                     
                     <form id="code" method="POST" action="/set_viewer_email">
                         <label for="code">Type !reg_mail into the chat, and enter the code it gives you here:</label>
-                        <input id="code" type="number" name="code" size="6" aria-required="true" required><br>                        
+                        <input id="code" type="number" name="code" size="6" aria-required="true" required><br>
                         <label for="new_email">Enter the email address associated with your Kofi account:</label>
                         <input id="code" type="text" name="new_email" value="{{ user[4] }}" size="40" aria-required="true" aria-label="Enter email address" required>
                         <input type="hidden" name="instance" value="{{ instance }}">