samsapti.dev/assets/scss/_base_dark.scss
Sam A. a35050a462
All checks were successful
continuous-integration/drone/push Build is passing
Temporary fix for code blocks
2022-11-20 19:29:06 +01:00

107 lines
1.6 KiB
SCSS

@mixin base_dark {
color: $fg-color-dark;
background-color: $bg-color-dark;
a {
color: $link-color-dark;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $alt-fg-color-dark;
&:hover .heading-link {
visibility: visible;
}
.heading-link {
color: $link-color-dark;
font-weight: inherit;
text-decoration: none;
font-size: 80%;
visibility: hidden;
}
.title-link {
color: inherit;
font-weight: inherit;
text-decoration: none;
}
}
code {
background-color: $alt-bg-color-dark;
color: $fg-color-dark;
}
// fix color schemes which do not explicitly set fg-color
.highlight {
pre {
background-color: $alt-bg-color-dark;
color: $fg-color-dark;
code {
background-color: inherit;
color: inherit;
}
}
}
:not(.highlight) > pre {
code {
background-color: inherit;
color: inherit;
}
}
blockquote {
border-left: 2px solid $alt-bg-color-dark;
}
th,
td {
padding: 1.6rem;
}
table {
border-collapse: collapse;
}
table td,
table th {
border: 2px solid $alt-fg-color-dark;
}
table tr:first-child th {
border-top: 0;
}
table tr:last-child td {
border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
border-right: 0;
}
}
body.colorscheme-dark {
@include base_dark();
}
body.colorscheme-auto {
@media (prefers-color-scheme: dark) {
@include base_dark();
}
}