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
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 */