root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(FN-1011): make file headers theme-aware in Files Changed tab

Browse Source 
- Replace hardcoded fallback colors (#30363d, #161b22, #0d1117, etc.) with semantic CSS variables
- Use var(--border), var(--surface), var(--text), var(--text-muted), var(--card-hover), var(--bg)
- Ensures file headers, diff content, and toggle icons adapt to light/dark themes
This commit is contained in:
gsxdsm
2026-04-05 21:18:12 -07:00
parent 63beead394
commit 4de3be79ca
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/dashboard/app/styles.css
View File

@@ -16867,13 +16867,13 @@ html .column.drag-over * {
}
.changes-file-list {
border: 1px solid var(--border, #30363d);
border: 1px solid var(--border);
border-radius: var(--radius-md);
overflow: hidden;
}
.changes-file-item {
border-bottom: 1px solid var(--border, #30363d);
border-bottom: 1px solid var(--border);
}
.changes-file-item:last-child {
@@ -16881,7 +16881,7 @@ html .column.drag-over * {
}
.changes-file-item.expanded {
background: var(--bg-secondary, #161b22);
background: var(--surface);
}
.changes-file-header {
@@ -16894,19 +16894,19 @@ html .column.drag-over * {
width: 100%;
text-align: left;
cursor: pointer;
color: var(--text-primary, #c9d1d9);
color: var(--text);
font-size: 13px;
transition: background 0.15s;
}
.changes-file-header:hover {
background: var(--bg-hover, #1f242c);
background: var(--card-hover);
}
.changes-file-toggle {
display: flex;
align-items: center;
color: var(--text-secondary, #8b949e);
color: var(--text-muted);
flex-shrink: 0;
}
@@ -16931,15 +16931,15 @@ html .column.drag-over * {
}
.changes-file-stat {
color: var(--text-secondary, #8b949e);
color: var(--text-muted);
font-size: 11px;
flex-shrink: 0;
margin-left: 8px;
}
.changes-file-content {
border-top: 1px solid var(--border, #30363d);
background: var(--bg-primary, #0d1117);
border-top: 1px solid var(--border);
background: var(--bg);
}
.changes-diff-patch {
@@ -16950,7 +16950,7 @@ html .column.drag-over * {
overflow-x: auto;
white-space: pre;
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
color: var(--text-primary, #c9d1d9);
color: var(--text);
}
.changes-diff-patch code {