nhcarrigan/portfolio
9
0
Fork 0
generated from nhcarrigan/template
Code Issues Pull Requests Actions Releases Activity

fix: cards should respect dark mode

Browse Source
This commit is contained in:
Naomi Carrigan
2026-01-09 17:24:28 -08:00
parent 808b4c2a34
commit 72cc46129e
1 changed files with 61 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/index.html
+61
View File
@@ -312,6 +312,67 @@
} }
} }
/* Dark mode styles */
html.is-dark .card {
background: #1e1e1e;
border-color: #404040;
color: var(--foreground);
}
html.is-dark .stat-card {
background: #1e1e1e;
border-color: #404040;
color: var(--foreground);
}
html.is-dark .timeline-content {
background: #1e1e1e;
border-color: #404040;
color: var(--foreground);
}
html.is-dark .timeline-avatar {
background: #1e1e1e;
border-color: #404040;
}
html.is-dark .card-header {
border-bottom-color: #404040;
}
html.is-dark h1,
html.is-dark h2,
html.is-dark h3 {
color: var(--foreground);
}
html.is-dark .stat-label {
color: var(--foreground);
}
html.is-dark .timeline-role {
color: var(--foreground);
}
html.is-dark .timeline-dates {
color: var(--foreground);
}
html.is-dark .avatar-card .card-header img {
border-color: #404040;
}
/* Override inline background styles in dark mode */
html.is-dark .card[style*="background: #f8f9fa"],
html.is-dark .card[style*="background:#f8f9fa"] {
background: #1e1e1e !important;
}
html.is-dark .card[style*="background: #f0f0f0"],
html.is-dark .card[style*="background:#f0f0f0"] {
background: #1e1e1e !important;
}
/* Timeline styles */ /* Timeline styles */
.timeline { .timeline {
position: relative; position: relative;