Fix color scheme on dark mode.

This commit is contained in:
Sergio Martínez Portela 2023-11-01 23:37:57 +01:00
parent 28122c3c31
commit 89e50a6310
2 changed files with 6 additions and 2 deletions

View File

@ -6,11 +6,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<style> <style>
body { body {
background-color: white;
font-family: sans-serif; font-family: sans-serif;
margin: 0 auto; margin: 0 auto;
width: fit-content; width: fit-content;
max-width: 100ex; max-width: 100ex;
padding: 0 1ex; padding: 0 1ex;
color: black;
} }
.header h1 { .header h1 {
text-align: center; text-align: center;
@ -45,7 +47,7 @@
border-right: 1px solid #000; border-right: 1px solid #000;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { body {
background-color: #1d1f21; background-color: #1d1f21;
color: #fafafe; color: #fafafe;
} }

View File

@ -10,6 +10,8 @@ body {
max-width: 80ex; max-width: 80ex;
margin: 0 auto; margin: 0 auto;
padding: 0.5ex 1ex; padding: 0.5ex 1ex;
background-color: white;
color: black;
} }
body.blog { body.blog {
@ -580,7 +582,7 @@ tr.__table-separator {
/* Dark mode. */ /* Dark mode. */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html, body {
background-color: #1d1f21; background-color: #1d1f21;
color: #fafafe; color: #fafafe;
} }