style(ui): refactor reader layout grid, fix focus mode layout collapse, fix SVG rendering dots, reorganize intelligence toolbar

2026-06-05 11:27:15 +02:00
parent 9a978609ae
commit 510c18d526
11 changed files with 329 additions and 182 deletions
@@ -12,6 +12,41 @@

    /* Global Selection Style Override */
    --nexus-selection: rgba(0, 255, 153, 0.25);
+
+    /* Graph Nodes Theme Custom Properties (Dark Mode) */
+    --nexus-graph-bg: radial-gradient(circle, #1a1a1a 0%, #121212 100%);
+    --nexus-graph-link-secondary: rgba(255, 255, 255, 0.2);
+    --nexus-graph-link-default: rgba(255, 255, 255, 0.1);
+    
+    --nexus-node-pill-bg: rgba(20, 20, 20, 0.95);
+    
+    --nexus-node-rule: #ff4646;
+    --nexus-node-rule-bg: rgba(255, 70, 70, 0.1);
+    --nexus-node-rule-text: #ff8b8b;
+    
+    --nexus-node-definition: #ffb03a;
+    --nexus-node-definition-bg: rgba(255, 176, 58, 0.1);
+    --nexus-node-definition-text: #ffd18c;
+    
+    --nexus-node-table: #d946ef;
+    --nexus-node-table-bg: rgba(217, 70, 239, 0.1);
+    --nexus-node-table-text: #f5d0fe;
+    
+    --nexus-node-section: #3b82f6;
+    --nexus-node-section-bg: rgba(59, 130, 246, 0.1);
+    --nexus-node-section-text: #93c5fd;
+    
+    --nexus-node-bridge: #06b6d4;
+    --nexus-node-bridge-bg: rgba(6, 182, 212, 0.1);
+    --nexus-node-bridge-text: #67e8f9;
+    
+    --nexus-node-current: var(--nexus-neon);
+    --nexus-node-current-bg: rgba(0, 255, 153, 0.15);
+    --nexus-node-current-text: #ffffff;
+    
+    --nexus-node-concept: #00d2c4;
+    --nexus-node-concept-bg: rgba(0, 210, 196, 0.05);
+    --nexus-node-concept-text: #e0e0e0;
 }

 ::selection {
@@ -103,6 +138,43 @@
    --nexus-card: #ffffff;
    --nexus-text: #2d2a26;
    --nexus-selection: rgba(16, 185, 129, 0.18);
+
+    /* Graph Nodes Theme Custom Properties (Light Mode) */
+    --nexus-graph-bg: radial-gradient(circle, #ffffff 0%, #e8e4da 100%);
+    --nexus-graph-link-secondary: rgba(0, 0, 0, 0.15);
+    --nexus-graph-link-default: rgba(0, 0, 0, 0.08);
+    
+    --nexus-node-pill-bg: #fbfafa;
+    
+    --nexus-node-rule: #dc2626;
+    --nexus-node-rule-bg: rgba(220, 38, 38, 0.05);
+    --nexus-node-rule-text: #991b1b;
+    
+    --nexus-node-definition: #d97706;
+    --nexus-node-definition-bg: rgba(217, 119, 6, 0.05);
+    --nexus-node-definition-text: #92400e;
+    
+    --nexus-node-table: #c084fc;
+    --nexus-node-table-bg: rgba(192, 132, 252, 0.05);
+    --nexus-node-table-text: #6b21a8;
+    
+    --nexus-node-section: #2563eb;
+    --nexus-node-section-bg: rgba(37, 99, 235, 0.05);
+    --nexus-node-section-text: #1e3a8a;
+    
+    --nexus-node-bridge: #0891b2;
+    --nexus-node-bridge-bg: rgba(8, 145, 178, 0.05);
+    --nexus-node-bridge-text: #155e75;
+    
+    --nexus-node-current: #10b981;
+    --nexus-node-current-bg: rgba(16, 185, 129, 0.08);
+    --nexus-node-current-text: #064e3b;
+    
+    --nexus-node-concept: #0d9488;
+    --nexus-node-concept-bg: rgba(13, 148, 136, 0.03);
+    --nexus-node-concept-text: #115e59;
+    
+    --nexus-accent: #10b981;
 }

 /* Scoped Component overrides for Light Mode (Bypassing Blazor CSS isolation) */