mjasin/Nexus.Reader
1
0
Fork 0
Code Issues 9 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

style: refactor light theme CSS overrides to use Blazor isolated scoping

Browse Source
This commit is contained in:
Marek Jaisński
2026-06-07 18:29:56 +02:00
parent f6277bacfe
commit ce923ab72a
12 changed files with 728 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/NexusReader.UI.Shared/Components/Organisms/ConceptsMap.razor.css
+123
View File
@@ -233,3 +233,126 @@
.lock-icon {
color: rgba(255, 255, 255, 0.2);
}
/* ============================================================
LIGHT THEME OVERRIDES — "Warm Paper / Soft Sepia"
============================================================ */
.theme-light .concepts-map::-webkit-scrollbar-thumb:hover {
background: var(--accent);
}
.theme-light .empty-map-state {
background: rgba(0, 0, 0, 0.01);
border-color: var(--border);
color: var(--text-muted);
}
.theme-light .empty-map-state .dim-icon {
color: var(--text-muted);
opacity: 0.4;
}
.theme-light .timeline-step:hover {
background: rgba(0, 0, 0, 0.02);
}
.theme-light .timeline-step.unlocked:hover {
border-color: rgba(16, 185, 129, 0.15);
box-shadow: 0 4px 20px rgba(16, 185, 129, 0.05);
}
.theme-light .timeline-step.selected {
background: rgba(16, 185, 129, 0.04);
border-color: var(--accent);
box-shadow: 0 0 12px rgba(16, 185, 129, 0.15);
}
.theme-light .node-circle {
background: var(--bg-surface);
}
.theme-light .unlocked .node-circle {
background: var(--bg-surface);
border-color: var(--accent);
color: var(--accent);
box-shadow: none;
}
.theme-light .locked .node-circle {
background: var(--bg-base);
border-color: var(--border);
color: var(--text-muted);
}
.theme-light .node-glow {
display: none;
}
.theme-light .track-active {
background: var(--accent);
box-shadow: none;
}
.theme-light .track-inactive {
background: var(--border);
}
.theme-light .node-content {
background: var(--bg-surface);
border: 1px solid var(--border);
}
.theme-light .timeline-step.selected .node-content {
background: var(--bg-surface);
border-color: rgba(16, 185, 129, 0.2);
}
.theme-light .segment-tag {
color: var(--text-muted);
}
.theme-light .unlocked .segment-tag {
color: var(--accent);
}
.theme-light .badge-unlocked {
background: rgba(16, 185, 129, 0.08);
color: var(--accent);
border-color: rgba(16, 185, 129, 0.2);
}
.theme-light .badge-locked {
background: var(--bg-base);
color: var(--text-muted);
border-color: var(--border);
}
.theme-light .node-title {
color: var(--text-main);
}
.theme-light .timeline-step.unlocked:hover .node-title {
color: var(--accent);
}
.theme-light .locked .node-title {
color: var(--text-muted);
}
.theme-light .node-desc {
color: var(--text-muted);
}
.theme-light .locked .node-desc {
color: var(--text-muted);
}
.theme-light .check-icon {
color: var(--accent);
}
.theme-light .lock-icon {
color: var(--text-muted);
}