chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style: add React Flow dark theme overrides for canvas

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-02-18 21:33:46 -05:00
parent 4cfeb2eefe
commit 9413c8bfe8
1 changed files with 50 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/src/index.css
View File

@@ -315,3 +315,53 @@
@apply invisible;
}
}
/* React Flow dark theme overrides */
.react-flow__background {
background-color: hsl(var(--background));
}
.react-flow__controls {
background-color: hsl(var(--card));
border-color: hsl(var(--border));
border-radius: 0.75rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}
.react-flow__controls-button {
background-color: hsl(var(--card));
border-color: hsl(var(--border));
fill: hsl(var(--muted-foreground));
}
.react-flow__controls-button:hover {
background-color: hsl(var(--accent));
}
.react-flow__minimap {
background-color: hsl(var(--card));
border-color: hsl(var(--border));
border-radius: 0.75rem;
}
.react-flow__edge-path {
stroke: hsl(var(--border));
}
.react-flow__edge-text {
fill: hsl(var(--muted-foreground));
}
.react-flow__edge-textbg {
fill: hsl(var(--card));
}
/* Hide default React Flow attribution */
.react-flow__attribution {
display: none;
}
/* Handle styles */
.react-flow__handle {
background-color: hsl(var(--border));
}