angryzero/rust-rcon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: glass cards + light chart text

Browse Source 
- Cards: replaced solid #1e1330 bg with semi-transparent glass
  (backdrop-filter blur + subtle purple border)
- NVD3: overridden all chart text from black to rgba(255,255,255,0.85)
  including axis labels, ticks, legends, and pie labels
- Axis lines toned down to barely-visible for a cleaner look

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
angryzero
2026-06-13 18:35:53 +02:00
co-authored by Copilot
parent 396d45fb4e
commit aae26dc36f
1 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
rcon.css
+20 -4
View File
@@ -81,10 +81,13 @@ a:hover { color: #fff; text-decoration: none; }
box-shadow: 0 0 0 0.2rem rgba(109, 40, 217, 0.25); box-shadow: 0 0 0 0.2rem rgba(109, 40, 217, 0.25);
} }
/* Cards — override BS dark-theme bg to our darker shade */ /* Cards — glass morphism with backdrop blur */
.card { .card {
background-color: var(--rcon-card-bg); background-color: rgba(30, 19, 48, 0.4);
border-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(139, 92, 246, 0.15);
border-radius: 0.5rem;
} }
/* Dropdown dark theme */ /* Dropdown dark theme */
@@ -116,4 +119,17 @@ a:hover { color: #fff; text-decoration: none; }
#chart-network, #chart-network,
#chart-players { #chart-players {
display: block; display: block;
} }
/* NVD3 — light text on dark background */
.nvd3 text {
fill: rgba(255, 255, 255, 0.85);
font-size: 11px;
}
.nvd3 .nv-axislabel { fill: rgba(255, 255, 255, 0.7); }
.nvd3 .nv-legend-text { fill: rgba(255, 255, 255, 0.85) !important; }
.nvd3 .nv-pieLabels text { fill: #fff !important; }
.nvd3 .nv-axis line,
.nvd3 .nv-axis path { stroke: rgba(255, 255, 255, 0.15); }
.nvd3 .nv-x .tick line,
.nvd3 .nv-y .tick line { stroke: rgba(255, 255, 255, 0.1); }