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