next try

glance-system/glance-kisfenyo.yaml

@@ -737,9 +737,9 @@ data:
                                 
                                 <div class="idokep-bar">
                                   <div class="idokep-bar-track"></div>
-                                  {{/* Use the Python-calculated styles directly */}}
-                                  <div class="idokep-bar-fill" style="{{ .String "bar_style" }}">
-                                     <div class="idokep-bar-gradient" style="{{ .String "grad_style" }}"></div>
+                                  {{/* Inject safe CSS Variables only */}}
+                                  <div class="idokep-bar-fill" style="{{ .String "css_vars" }}">
+                                     <div class="idokep-bar-gradient"></div>
                                   </div>
                                 </div>
                                 
@@ -2013,26 +2013,6 @@ data:
     }    
     .idokep-dow { opacity: 0.7; font-weight: 700; }
     .idokep-dayicon img { width: 22px; height: 22px; opacity: 0.95; }
-
-    .idokep-bar { 
-      position: relative; 
-      height: 10px; 
-      /* container-type removed - not needed with Python approach */
-    }
-    .idokep-bar-track { 
-      position: absolute; 
-      inset: 0; 
-      border-radius: 999px; 
-      background: rgba(255,255,255,0.10); 
-    }
-    .idokep-bar-fill {
-      position: absolute; 
-      top: 0; 
-      bottom: 0;
-      border-radius: 999px;
-      overflow: hidden; 
-      box-shadow: 0 0 0 1px rgba(0,0,0,0.08) inset;
-    }
     .idokep-min, .idokep-max { text-align: right; font-weight: 700; opacity: 0.8; }
     .idokep-dow {
       display: grid;
@@ -2047,11 +2027,46 @@ data:
       opacity: 0.75;
       font-variant-numeric: tabular-nums;
     }
+    .idokep-bar { 
+      position: relative; 
+      height: 10px; 
+    }
+    .idokep-bar-track { 
+      position: absolute; 
+      inset: 0; 
+      border-radius: 999px; 
+      background: rgba(255,255,255,0.10); 
+    }
+    .idokep-bar-fill {
+      position: absolute; 
+      top: 0; 
+      bottom: 0;
+      border-radius: 999px;
+      overflow: hidden; 
+      box-shadow: 0 0 0 1px rgba(0,0,0,0.08) inset;
+
+      /* Position controlled by Python variables */
+      left: var(--l, 0%);
+      width: var(--w, 0%);
+    }
     /* This element holds the gradient */
     .idokep-bar-gradient {
       position: absolute;
-      top: 0; bottom: 0;
-      /* Width and margin are calculated in Python to match the track width exactly */
+      top: 0; 
+      bottom: 0;
+      
+      /* Compensation geometry controlled by Python variables */
+      width: var(--gw, 100%);
+      margin-left: var(--ml, 0%);
+      
+      /* The Dynamic Gradient */
+      background: linear-gradient(90deg, 
+        #ffffff var(--s-wht), 
+        #60a5fa var(--s-blu), 
+        #a78bfa var(--s-pur), 
+        #fb7185 var(--s-pnk), 
+        #ef4444 var(--s-red)
+      );
     }
 ---
 apiVersion: apps/v1