|
|
|
@ -46,12 +46,6 @@ pre { |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.theme-select { |
|
|
|
|
font-size: 1rem; |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.toc { |
|
|
|
|
float: right; |
|
|
|
|
padding: 0.75rem; |
|
|
|
@ -184,14 +178,9 @@ pre { |
|
|
|
|
height: 1.5rem; |
|
|
|
|
margin-right: 1rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bar .theme-select { |
|
|
|
|
margin-top: 0.5rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
background-color: #eee; |
|
|
|
|
color: #000; |
|
|
|
@ -218,75 +207,7 @@ pre { |
|
|
|
|
color: #555; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark { |
|
|
|
|
background-color: #000; |
|
|
|
|
color: #eee; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark a { |
|
|
|
|
color: #eee; |
|
|
|
|
border-bottom: 1px solid #eee; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark pre { |
|
|
|
|
background-color: #222; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark :not(pre)>code { |
|
|
|
|
background-color: #222; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark .toc { |
|
|
|
|
background-color: #222; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark .content p.metadata { |
|
|
|
|
color: #aaa; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark .content img { |
|
|
|
|
filter: brightness(75%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.dark .contact-icons img { |
|
|
|
|
filter: invert(1); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) { |
|
|
|
|
body.light { |
|
|
|
|
background-color: #eee; |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.light a { |
|
|
|
|
color: #000; |
|
|
|
|
border-bottom: 1px solid #000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.light pre { |
|
|
|
|
background-color: #ddd; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.light :not(pre)>code { |
|
|
|
|
background-color: #ddd; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.light .toc { |
|
|
|
|
background-color: #ddd; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.light .content p.metadata { |
|
|
|
|
color: #555; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.light .contact-icons img { |
|
|
|
|
filter: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body.light .content img { |
|
|
|
|
filter: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
background-color: #000; |
|
|
|
|
color: #eee; |
|
|
|
|