Profile light/dark theme CSS fixes

This commit is contained in:
Noah Petherbridge 2024-06-24 23:07:26 -07:00
parent a0f3083e15
commit 72b6e2a616

View File

@ -34,14 +34,25 @@ section.hero {
} }
{{if eq $cardLightness "light"}} {{if eq $cardLightness "light"}}
div.box, .container div.card-content, table.table, table.table strong { div.box, .container div.card-content, table.table, table.table strong, td {
background-color: #fff; background-color: #fff !important;
color: #4a4a4a !important;
}
aside.menu ul.menu-list li a {
background-color: #ccc !important;
color: #4a4a4a !important;
}
blockquote, pre, code {
background-color: #ccc !important;
color: #4a4a4a; color: #4a4a4a;
} }
div.tag { div.tag {
background-color: #ccc; background-color: #ccc;
color: #4a4a4a; color: #4a4a4a;
} }
strong {
color: #4a4a4a;
}
/* More text color overrides (h1's etc. look light on prefers-dark color schemes) */ /* More text color overrides (h1's etc. look light on prefers-dark color schemes) */
.container div.card-content .content * { .container div.card-content .content * {
@ -56,14 +67,25 @@ section.hero {
} }
} }
{{else if eq $cardLightness "dark"}} {{else if eq $cardLightness "dark"}}
div.box, .container div.card-content, table.table, table.table strong { div.box, .container div.card-content, table.table, table.table strong, td {
background-color: #4a4a4a; background-color: #4a4a4a !important;
color: #f5f5f5 !important;
}
aside.menu ul.menu-list li a {
background-color: #1a1a1a !important;
color: #f5f5f5 !important;
}
blockquote, pre, code {
background-color: #1a1a1a !important;
color: #f5f5f5; color: #f5f5f5;
} }
div.tag { div.tag {
background-color: #333; background-color: #333;
color: #f5f5f5; color: #f5f5f5;
} }
strong {
color: #f5f5f5;
}
/* More text color overrides (h1's etc. look dark on prefers-light color schemes) */ /* More text color overrides (h1's etc. look dark on prefers-light color schemes) */
.container div.card-content .content * { .container div.card-content .content * {