Add dark mode to homepage.

This commit is contained in:
Sergio Martínez Portela 2022-01-09 01:04:05 +01:00
parent 629d862a38
commit ac7f24671a

View File

@ -20,7 +20,7 @@
padding: 1ex; padding: 1ex;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
max-width: calc(100vw - 4ex); max-width: calc(100% - 2ex);
} }
.links section h2 { .links section h2 {
margin-top: 0; margin-top: 0;
@ -38,6 +38,24 @@
padding-right: 0.5ex; padding-right: 0.5ex;
border-right: 1px solid #000; border-right: 1px solid #000;
} }
@media (prefers-color-scheme: dark) {
html {
background-color: #0f110e;
color: #fafafe;
}
h2 a {
color: #fafafe;
}
a {
color: #66f;
}
#social a {
border-color: #fff;
}
.links section {
background-color: #262826;
}
}
</style> </style>
</head> </head>
<body> <body>