Change styling

Author: rigred

assets/graphs/kp916.md

@@ -197,25 +197,27 @@ HCCS0 --> IIC0
 HCCS2 --> IIC0
 
 
-%% ──────────────────────── Styling ────────────────────────
-classDef socket      fill:#f5faff,stroke:#333,stroke-width:2px;
-classDef fabric      fill:#f0fff0,stroke:#333,stroke-width:1px;
-classDef fabricAlt   fill:#f0f0f0,stroke:#333,stroke-width:1px,stroke-dasharray:5;
-classDef cluster     fill:#fff5e6,stroke:#333,stroke-width:1px;
-classDef l2          fill:#fff,stroke:#333,stroke-width:1px;
-classDef llc         fill:#ffe6e6,stroke:#333,stroke-width:1px;
-classDef hccs        fill:#e0ecff,stroke:#333,stroke-width:1px;
-classDef link        fill:#d8e8ff,stroke:#333,stroke-width:1px;
-classDef io          fill:#e6f0ff,stroke:#333,stroke-width:1px;
-classDef mem         fill:#f2e6ff,stroke:#333,stroke-width:1px;
-classDef router      fill:#eaeaea,stroke:#333,stroke-width:1px;
-classDef core        stroke:#666,fill:#fff;
-
+%% ───────────── styling – light & dark friendly ─────────────
+classDef socket      fill:#dbeafe,stroke:#2563eb,stroke-width:2px;          %% blue-200 / blue-600
+classDef fabric      fill:#dcfce7,stroke:#16a34a,stroke-width:1px;          %% green-200 / green-600
+classDef fabricAlt   fill:#fef3c7,stroke:#d97706,stroke-width:1px,stroke-dasharray:5;  %% amber-200 / amber-600
+classDef cluster     fill:#fce7f3,stroke:#c026d3,stroke-width:1px;          %% fuchsia-200 / fuchsia-600
+classDef l2          fill:#e0e7ff,stroke:#4f46e5,stroke-width:1px;          %% indigo-200 / indigo-600
+classDef llc         fill:#fee2e2,stroke:#dc2626,stroke-width:1px;          %% red-200 / red-600
+classDef hccs        fill:#e0f2fe,stroke:#0284c7,stroke-width:1px;          %% sky-200 / sky-600
+classDef link        fill:#f0f9ff,stroke:#0369a1,stroke-width:1px;          %% cyan-100(ish) / cyan-700
+classDef io          fill:#ede9fe,stroke:#7c3aed,stroke-width:1px;          %% violet-200 / violet-600
+classDef mem         fill:#f3e8ff,stroke:#8b5cf6,stroke-width:1px;          %% purple-200 / purple-600
+classDef router      fill:#e5e7eb,stroke:#374151,stroke-width:1px;          %% gray-200 / gray-700
+classDef core        fill:#ffffff,stroke:#4b5563,stroke-width:1px,fill-opacity:0.8;  %% semi-white on both themes
+
+/* Attach the classes (unchanged) */
 class Socket0 socket;
 class Fabric0 fabric;
-class Fabric1 fabric;
+class Fabric1 fabricAlt;
 class DDR0,DDR1,DDR2,DDR3 mem;
 class Cluster0,Cluster1,Cluster2,Cluster3,Cluster4,Cluster5,Cluster6,Cluster7 cluster;
 class L2CL0,L2CL1,L2CL2,L2CL3,L2CL4,L2CL5,L2CL6,L2CL7 l2;
 class LLC0,LLC1,LLC2,LLC3 llc;
+
 ```