diff --git a/public/scripts/components/TopologyGraphComponent.js b/public/scripts/components/TopologyGraphComponent.js index 7d7c59d..cf6cc4e 100644 --- a/public/scripts/components/TopologyGraphComponent.js +++ b/public/scripts/components/TopologyGraphComponent.js @@ -168,7 +168,7 @@ class TopologyGraphComponent extends Component { .attr('height', '100%') .attr('viewBox', `0 0 ${this.width} ${this.height}`) .style('border', '1px solid rgba(255, 255, 255, 0.1)') - .style('background', 'rgba(0, 0, 0, 0.2)') + //.style('background', 'rgba(0, 0, 0, 0.2)') .style('border-radius', '12px'); // Add zoom behavior @@ -280,7 +280,7 @@ class TopologyGraphComponent extends Component { .attr('x', 15) .attr('y', 4) .attr('font-size', '13px') - .attr('fill', '#ecf0f1') + .attr('fill', 'var(--text-primary)') .attr('font-weight', '500'); // IP @@ -289,7 +289,7 @@ class TopologyGraphComponent extends Component { .attr('x', 15) .attr('y', 20) .attr('font-size', '11px') - .attr('fill', 'rgba(255, 255, 255, 0.7)'); + .attr('fill', 'var(--text-secondary)'); // Status text node.append('text') @@ -307,7 +307,7 @@ class TopologyGraphComponent extends Component { .data(links) .enter().append('text') .attr('font-size', '12px') - .attr('fill', '#ecf0f1') + .attr('fill', 'var(--text-primary)') .attr('font-weight', '600') .attr('text-anchor', 'middle') .style('text-shadow', '0 1px 2px rgba(0, 0, 0, 0.8)') diff --git a/public/styles/main.css b/public/styles/main.css index be5ef32..b565954 100644 --- a/public/styles/main.css +++ b/public/styles/main.css @@ -2160,7 +2160,6 @@ p { word-break: break-word; font-family: 'Courier New', monospace; font-size: 0.85rem; - background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.08); padding: 0.5rem; border-radius: 6px;