Use CSS custom property for warning color

Co-authored-by: szaimen <42591237+szaimen@users.noreply.github.com>
Refactor: Use CSS class instead of inline styles for update warning
2026-05-21 10:50:10 +00:00 · 2026-02-11 17:12:05 +00:00 · 2026-02-11 17:11:32 +00:00 · 2026-02-11 17:10:53 +00:00 · 2026-02-11 17:07:10 +00:00
2 changed files with 9 additions and 0 deletions
--- a/php/public/style.css
+++ b/php/public/style.css
@@ -11,6 +11,7 @@
    --color-error-text: #c20505;
    --color-success: #46ba61;
    --color-running: #ffd000;
+    --color-warning: #ff6b00;
    --color-primary-element: #00679e;
    --color-primary-element-hover: #005a8a;
    --color-primary-element-text: #ffffff;
@@ -174,6 +175,11 @@ span.running {
    background-color: var(--color-running);
 }

+.container-update-warning {
+    color: var(--color-warning);
+    font-weight: bold;
+}
+
 div.toast.success {
    border-left-color: var(--color-success);
 }
--- a/php/templates/components/container-state.twig
+++ b/php/templates/components/container-state.twig
@@ -17,6 +17,9 @@
    {% if c.documentation != '' %}
      (<a target="_blank" href="{{ c.documentation }}">docs</a>)
    {% endif %}
+    {% if c.GetUpdateState().value == 'different' %}
+      <span class="container-update-warning">⚠️ Update available</span>
+    {% endif %}
  </span>
  {% if c.GetUiSecret() != '' %}
    <details>
Author	SHA1	Message	Date
copilot-swe-agent[bot]	57f0aa3250	Use CSS custom property for warning color Co-authored-by: szaimen <42591237+szaimen@users.noreply.github.com>	2026-02-11 17:12:05 +00:00
copilot-swe-agent[bot]	afe3ec1699	Refactor: Use CSS class instead of inline styles for update warning Co-authored-by: szaimen <42591237+szaimen@users.noreply.github.com>	2026-02-11 17:11:32 +00:00
copilot-swe-agent[bot]	6297358d48	Add per-container update status indicator in AIO interface Co-authored-by: szaimen <42591237+szaimen@users.noreply.github.com>	2026-02-11 17:10:53 +00:00
copilot-swe-agent[bot]	bd772e19ca	Initial plan	2026-02-11 17:07:10 +00:00