Add dark mode to homepage.
This commit is contained in:
parent
629d862a38
commit
ac7f24671a
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user