Skip to content

Commit d83871d

Browse files
committed
fix: make dimmed nodes visible in dark mode
Root cause: dimmed state had border-zinc-800 (same as background) + opacity-40 making nodes essentially invisible when selecting a file. Changes: - GraphNode: dark:border-zinc-600 dark:bg-zinc-800/80 opacity-50 - DirectoryNode: same fix for cluster mode Now dimmed nodes are visible but clearly de-emphasized.
1 parent 9220596 commit d83871d

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

frontend/src/components/DependencyGraph/DirectoryNode.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const STATE_STYLES: Record<DirectoryNodeData['state'], string> = {
2121
selected: 'border-indigo-500 bg-indigo-50 dark:bg-indigo-950 ring-2 ring-indigo-500/50 shadow-lg shadow-indigo-500/20',
2222
direct: 'border-rose-500 bg-rose-50 dark:bg-rose-950 ring-1 ring-rose-500/30',
2323
transitive: 'border-amber-500 bg-amber-50 dark:bg-amber-950 ring-1 ring-amber-500/30',
24-
dimmed: 'border-zinc-200 bg-zinc-100/50 opacity-40 dark:border-zinc-800 dark:bg-zinc-900/50',
24+
dimmed: 'border-zinc-300 bg-zinc-100 opacity-50 dark:border-zinc-600 dark:bg-zinc-800/80',
2525
}
2626

2727
const RISK_STYLES: Record<RiskLevel, string> = {

frontend/src/components/DependencyGraph/GraphNode.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ const STATE_STYLES: Record<GraphNodeData['state'], string> = {
5454
selected: 'border-indigo-500 bg-white dark:bg-zinc-900 ring-2 ring-indigo-500/50 shadow-lg shadow-indigo-500/20',
5555
direct: 'border-rose-500 bg-white dark:bg-zinc-900 ring-1 ring-rose-500/30',
5656
transitive: 'border-amber-500 bg-white dark:bg-zinc-900 ring-1 ring-amber-500/30',
57-
dimmed: 'border-zinc-200 bg-zinc-50/50 opacity-40 dark:border-zinc-800 dark:bg-zinc-900/50',
57+
dimmed: 'border-zinc-300 bg-zinc-100 opacity-50 dark:border-zinc-600 dark:bg-zinc-800/80',
5858
}
5959

6060
const RISK_CONFIG: Record<RiskLevel, { variant: 'default' | 'secondary' | 'destructive' | 'outline'; label: string; className: string }> = {

0 commit comments

Comments
 (0)