Finished the rest dark mode toggle job.
This commit is contained in:
@@ -165,7 +165,7 @@ div.language-terminal.highlighter-rouge td.rouge-code {
|
||||
padding: .8rem 1rem;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
@mixin light-syntax-base {
|
||||
.highlight {
|
||||
-moz-box-shadow: inset 0 0 2px #c2c6cc;
|
||||
-webkit-box-shadow: inset 0 0 2px #c2c6cc;
|
||||
@@ -180,3 +180,15 @@ div.language-terminal.highlighter-rouge td.rouge-code {
|
||||
border: 1px solid #e9ecef;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
html:not(.dark-mode) {
|
||||
@include light-syntax-base;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html.light-mode {
|
||||
@include light-syntax-base;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user