diff --git a/changedetectionio/blueprint/watchlist/templates/watch-overview.html b/changedetectionio/blueprint/watchlist/templates/watch-overview.html index bac6f422..ac39406d 100644 --- a/changedetectionio/blueprint/watchlist/templates/watch-overview.html +++ b/changedetectionio/blueprint/watchlist/templates/watch-overview.html @@ -69,39 +69,40 @@ document.addEventListener('DOMContentLoaded', function() { /* Auto-generated tag colors */ {%- for uuid, tag in tags -%} -{%- if tag and tag.title -%} -{%- set class_name = tag.title|sanitize_tag_class -%} -{%- if tag.get('tag_colour') -%} -.button-tag.tag-{{ class_name }}, -.watch-tag-list.tag-{{ class_name }} { - background-color: {{ tag.tag_colour }}; - color: {{ wcag_text_color(tag.tag_colour) }}; -} -{%- else -%} -{%- set colors = generate_tag_colors(tag.title) -%} -.button-tag.tag-{{ class_name }} { - background-color: {{ colors['light']['bg'] }}; - color: {{ colors['light']['color'] }}; -} + {%- if tag and tag.title -%} + {%- set class_name = tag.title|sanitize_tag_class -%} + {%- if tag.get('tag_colour') -%} + .button-tag.tag-{{ class_name }}, + .watch-tag-list.tag-{{ class_name }} { + background-color: {{ tag.tag_colour }}; + color: {{ wcag_text_color(tag.tag_colour) }}; + } + {%- else -%} + {%- set colors = generate_tag_colors(tag.title) -%} + .button-tag.tag-{{ class_name }} { + background-color: {{ colors['light']['bg'] }}; + color: {{ colors['light']['color'] }}; + } -.watch-tag-list.tag-{{ class_name }} { - background-color: {{ colors['light']['bg'] }}; - color: {{ colors['light']['color'] }}; -} + .watch-tag-list.tag-{{ class_name }} { + background-color: {{ colors['light']['bg'] }}; + color: {{ colors['light']['color'] }}; + } -html[data-darkmode="true"] .button-tag.tag-{{ class_name }} { - background-color: {{ colors['dark']['bg'] }}; - color: {{ colors['dark']['color'] }}; -} + html[data-darkmode="true"] .button-tag.tag-{{ class_name }} { + background-color: {{ colors['dark']['bg'] }}; + color: {{ colors['dark']['color'] }}; + } -html[data-darkmode="true"] .watch-tag-list.tag-{{ class_name }} { - background-color: {{ colors['dark']['bg'] }}; - color: {{ colors['dark']['color'] }}; -} -{%- endif -%} -{%- endif -%} -{%- endfor -%} + html[data-darkmode="true"] .watch-tag-list.tag-{{ class_name }} { + background-color: {{ colors['dark']['bg'] }}; + color: {{ colors['dark']['color'] }}; + } + {%- endif -%} + {%- endif -%} + {%- endfor -%} + {% if llm_configured %}