From aae26dc36f80cac4eb72bf756090fb9038b54432 Mon Sep 17 00:00:00 2001
From: oOHiyoriOo <sidney.marvin.fricke@gmail.com>
Date: Sat, 13 Jun 2026 18:35:53 +0200
Subject: [PATCH] style: glass cards + light chart text

- 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>
---
 rcon.css | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/rcon.css b/rcon.css
index 382553d..75751cf 100644
--- a/rcon.css
+++ b/rcon.css
@@ -81,10 +81,13 @@ a:hover { color: #fff; text-decoration: none; }
   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 {
-  background-color: var(--rcon-card-bg);
-  border-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(30, 19, 48, 0.4);
+  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 */
@@ -116,4 +119,17 @@ a:hover { color: #fff; text-decoration: none; }
 #chart-network,
 #chart-players {
   display: block;
-}
\ No newline at end of file
+}
+
+/* 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); }
\ No newline at end of file