From 14082d8d48981fe0865d057bc06bcef8557fe02b Mon Sep 17 00:00:00 2001
From: geezo <gaxinto@theodorio.com>
Date: Mon, 12 May 2025 16:03:10 -0400
Subject: [PATCH] style: enhance custom images widget with theme-based colors

---
 glance/config/glance.yml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/glance/config/glance.yml b/glance/config/glance.yml
index d694d1a..80ced56 100644
--- a/glance/config/glance.yml
+++ b/glance/config/glance.yml
@@ -98,12 +98,12 @@ pages:
               <ul class="list list-gap-10 collapsible-container" data-collapse-after="5">
                 {{ range .JSON.Array "images" }}
                   {{ if .Bool "result.has_update" }}
-                    <li>
-                      <strong>Image:</strong> <a href="{{ .String "url" }}">{{ .String "reference" }}</a>
-                      <ul class="list-horizontal-text">
-                        <li><strong>Current:</strong> {{ .String "result.info.current_version" }}</li>
-                        <li><strong>New:</strong> {{ .String "result.info.new_version" }}</li>
-                        <li><strong>Type:</strong> {{ .String "result.info.version_update_type"}}</li>
+                    <li style="background-color: rgba(222, 71, 75, 0.1); padding: 10px; border-radius: 5px; margin-bottom: 8px;">
+                      <strong style="color: rgb(222, 71, 75);">Image:</strong> <a href="{{ .String "url" }}" style="color: rgb(190, 45, 20); text-decoration: none;">{{ .String "reference" }}</a>
+                      <ul class="list-horizontal-text" style="margin-top: 5px;">
+                        <li style="color: rgb(220, 50, 11);"><strong>Current:</strong> {{ .String "result.info.current_version" }}</li>
+                        <li style="color: rgb(190, 45, 20);"><strong>New:</strong> {{ .String "result.info.new_version" }}</li>
+                        <li style="color: rgb(222, 71, 75);"><strong>Type:</strong> {{ .String "result.info.version_update_type"}}</li>
                       </ul>
                     </li>
                   {{ end }}