changed theme to cyan
This commit is contained in:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user