From 648a1b025b99aa824128f942eb93477c1cd05834 Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Sun, 11 Jan 2026 17:39:03 +0100
Subject: [PATCH] changed theme to cyan

---
 glance-system/glance-kisfenyo.yaml | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/glance-system/glance-kisfenyo.yaml b/glance-system/glance-kisfenyo.yaml
index 9f365e9..c33e7f9 100644
--- a/glance-system/glance-kisfenyo.yaml
+++ b/glance-system/glance-kisfenyo.yaml
@@ -47,12 +47,12 @@ data:
       hide-footer: true
 
     theme:
-      background-color: 280 30 15
-      primary-color: 280 60 70
-      positive-color: 120 50 50
-      negative-color: 0 70 60
-      contrast-multiplier: 1.2
-      text-saturation-multiplier: 0.8
+      background-color: 210 35 12      # Was: 280 30 15 (purple → blue)
+      primary-color: 200 70 60         # Was: 280 60 70 (purple → cyan-blue)
+      positive-color: 150 55 50        # Was: 120 50 50 (green → teal-green, matches better)
+      negative-color: 0 70 60          # Unchanged (red)
+      contrast-multiplier: 1.2         # Unchanged
+      text-saturation-multiplier: 0.8  # Unchanged
       custom-css-file: /assets/custom.css
 
     pages:
@@ -210,7 +210,7 @@ data:
                     .fill-ok { background: linear-gradient(90deg, #4ade80, #22c55e); }
                     .fill-warn { background: linear-gradient(90deg, #fbbf24, #f59e0b); }
                     .fill-crit { background: linear-gradient(90deg, #f87171, #ef4444); }
-                    .disk-info { font-size: 0.9em; opacity: 0.85; text-align: right; white-space: nowrap; flex-shrink: 0; }
+                    .disk-info { font-size: 0.9em; opacity: 0.85; text-align: right; width: 125px; flex-shrink: 0; }
                   </style>
                   
                   {{ $hostname := .JSON.String "data.result.0.metric.nodename" }}
@@ -596,7 +596,7 @@ data:
 
     /* ===== Glassy widgets like Homepage ===== */
     .widget {
-      background: rgba(45, 31, 61, 0.55) !important;
+      background: rgba(45, 126, 136, 0.32) !important;
       border: 1px solid rgba(255,255,255,0.08) !important;
       border-radius: 10px !important;
       backdrop-filter: blur(6px) !important;
@@ -605,21 +605,21 @@ data:
 
     /* ===== Header + bigger logo ===== */
     .header-container {
-      background: rgba(45, 31, 61, 0.55) !important;
+      background: rgba(45, 126, 136, 0.32) !important;
       backdrop-filter: blur(10px) !important;
       -webkit-backdrop-filter: blur(10px) !important;
       border-bottom: 1px solid rgba(255,255,255,0.08) !important;
     }
 
     .header {
-      min-height: 120px !important;
+      min-height: 80px !important;
       align-items: flex-end !important;
       padding: 16px 18px !important;
     }
 
     /* This matches your DOM: <div class="logo"> <img ...> */
     .logo img {
-      max-height: 140px !important;
+      max-height: 100px !important;
       height: auto !important;
       width: auto !important;
       object-fit: contain !important;
@@ -649,7 +649,7 @@ data:
       z-index: 2;
       pointer-events: none;
       border-radius: 12px;
-      background: rgba(226, 146, 255, 0.16);
+      background: rgba(45, 126, 136, 0.16);
     }
 
     /* Widget content area */