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