diff --git a/glance/config/glance.yml b/glance/config/glance.yml
index 80ced56..4555985 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 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>
+                    <li style="background-color: hsla(222, 71%, 75%, 0.1); padding: 10px; border-radius: 5px; margin-bottom: 8px;">
+                      <strong style="color: hsl(222, 71%, 75%);">Image:</strong> <a href="{{ .String "url" }}" style="color: hsl(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>
+                        <li style="color: hsl(220, 50%, 11%);"><strong>Current:</strong> {{ .String "result.info.current_version" }}</li>
+                        <li style="color: hsl(190, 45%, 20%);"><strong>New:</strong> {{ .String "result.info.new_version" }}</li>
+                        <li style="color: hsl(222, 71%, 75%);"><strong>Type:</strong> {{ .String "result.info.version_update_type"}}</li>
                       </ul>
                     </li>
                   {{ end }}