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;
border-radius: 4px;
width: 100%;
max-width: calc(100vw - 4ex);
max-width: calc(100% - 2ex);
}
.links section h2 {
margin-top: 0;
@ -38,6 +38,24 @@
padding-right: 0.5ex;
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>
</head>
<body>