eswyft/4in1_ws_web
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css updates

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
htdocs/scss/app/blog.scss
View File

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

4
htdocs/scss/colors/dark.scss
View File

@ -54,6 +54,10 @@ $blog-ref-color: $dark-grey;
$blog-ref-color-hover: #8c9aab; $blog-ref-color-hover: #8c9aab;
$blog-ref-bg-hover: $hover-hl; $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 // colors from https://github.com/Kelbster/highlightjs-material-dark-theme/blob/master/css/materialdark.css
$hljs_fg: #CDD3D8; $hljs_fg: #CDD3D8;
$hljs_bg: #2B2B2D; $hljs_bg: #2B2B2D;

4
htdocs/scss/colors/light.scss
View File

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