css updates

This commit is contained in:
E. S. 2024-05-13 02:10:04 +00:00
parent 803cd89fe4
commit 1f8315f17c
3 changed files with 17 additions and 1 deletions

View File

@ -520,12 +520,20 @@ a.blog-ref {
padding: 0 1px;
margin-left: -2px;
}
.blog-quote-begin a.blog-ref, .blog-quote-end a.blog-ref {
color: $blog-ref-color-over-quote;
}
@media (hover: hover) {
a.blog-ref:hover {
color: $blog-ref-color-hover;
background-color: $blog-ref-bg-hover;
border-radius: 3px;
}
.blog-quote-begin a.blog-ref:hover, .blog-quote-end a.blog-ref:hover {
color: $blog-ref-color-hover-over-quote;
background-color: $blog-ref-bg-hover-over-quote;
}
}
p.blog-footnote-line:target {
@ -534,4 +542,4 @@ p.blog-footnote-line:target {
a {
@include no-underline(true);
}
}
}

View File

@ -54,6 +54,10 @@ $blog-ref-color: $dark-grey;
$blog-ref-color-hover: #8c9aab;
$blog-ref-bg-hover: $hover-hl;
$blog-ref-color-over-quote: #aaa;
$blog-ref-color-hover-over-quote: #ccc;
$blog-ref-bg-hover-over-quote: rgba(255, 255, 255, 0.11);
// colors from https://github.com/Kelbster/highlightjs-material-dark-theme/blob/master/css/materialdark.css
$hljs_fg: #CDD3D8;
$hljs_bg: #2B2B2D;

View File

@ -56,6 +56,10 @@ $blog-ref-color: #888;
$blog-ref-color-hover: #6a88ab;
$blog-ref-bg-hover: #f0f5fa;
$blog-ref-color-over-quote: #777;
$blog-ref-color-hover-over-quote: $blog-ref-color-over-quote;
$blog-ref-bg-hover-over-quote: #d0d0d0;
// github.com style (c) Vasily Polovnyov <vast@whiteants.net>
$hljs_fg: #333;
$hljs_bg: #f8f8f8;