changed theme to cyan

This commit is contained in:
2026-01-11 17:39:03 +01:00
parent 0839cdebee
commit 648a1b025b
+12 -12
View File
@@ -47,12 +47,12 @@ data:
hide-footer: true hide-footer: true
theme: theme:
background-color: 280 30 15 background-color: 210 35 12 # Was: 280 30 15 (purple → blue)
primary-color: 280 60 70 primary-color: 200 70 60 # Was: 280 60 70 (purple → cyan-blue)
positive-color: 120 50 50 positive-color: 150 55 50 # Was: 120 50 50 (green → teal-green, matches better)
negative-color: 0 70 60 negative-color: 0 70 60 # Unchanged (red)
contrast-multiplier: 1.2 contrast-multiplier: 1.2 # Unchanged
text-saturation-multiplier: 0.8 text-saturation-multiplier: 0.8 # Unchanged
custom-css-file: /assets/custom.css custom-css-file: /assets/custom.css
pages: pages:
@@ -210,7 +210,7 @@ data:
.fill-ok { background: linear-gradient(90deg, #4ade80, #22c55e); } .fill-ok { background: linear-gradient(90deg, #4ade80, #22c55e); }
.fill-warn { background: linear-gradient(90deg, #fbbf24, #f59e0b); } .fill-warn { background: linear-gradient(90deg, #fbbf24, #f59e0b); }
.fill-crit { background: linear-gradient(90deg, #f87171, #ef4444); } .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> </style>
{{ $hostname := .JSON.String "data.result.0.metric.nodename" }} {{ $hostname := .JSON.String "data.result.0.metric.nodename" }}
@@ -596,7 +596,7 @@ data:
/* ===== Glassy widgets like Homepage ===== */ /* ===== Glassy widgets like Homepage ===== */
.widget { .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: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 10px !important; border-radius: 10px !important;
backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important;
@@ -605,21 +605,21 @@ data:
/* ===== Header + bigger logo ===== */ /* ===== Header + bigger logo ===== */
.header-container { .header-container {
background: rgba(45, 31, 61, 0.55) !important; background: rgba(45, 126, 136, 0.32) !important;
backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important;
} }
.header { .header {
min-height: 120px !important; min-height: 80px !important;
align-items: flex-end !important; align-items: flex-end !important;
padding: 16px 18px !important; padding: 16px 18px !important;
} }
/* This matches your DOM: <div class="logo"> <img ...> */ /* This matches your DOM: <div class="logo"> <img ...> */
.logo img { .logo img {
max-height: 140px !important; max-height: 100px !important;
height: auto !important; height: auto !important;
width: auto !important; width: auto !important;
object-fit: contain !important; object-fit: contain !important;
@@ -649,7 +649,7 @@ data:
z-index: 2; z-index: 2;
pointer-events: none; pointer-events: none;
border-radius: 12px; border-radius: 12px;
background: rgba(226, 146, 255, 0.16); background: rgba(45, 126, 136, 0.16);
} }
/* Widget content area */ /* Widget content area */