alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 Fixed #140, add selection backgroud make it show clear.

Browse Source
This commit is contained in:
elkan1788 2025-01-19 19:05:34 +08:00
parent ba5ae7c295
commit e9297ac28b
4 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/_colors.scss
View File

@ -4,6 +4,8 @@
--content-bg-color: #{$content-bg-color}; --content-bg-color: #{$content-bg-color};
--card-bg-color: #{$card-bg-color}; --card-bg-color: #{$card-bg-color};
--text-color: #{$text-color}; --text-color: #{$text-color};
--selection-bg: #{$grey-lighter};
--selection-color: #{$black-deep};
--blockquote-color: #{$blockquote-color}; --blockquote-color: #{$blockquote-color};
--link-color: #{$link-color}; --link-color: #{$link-color};
--link-hover-color: #{$link-hover-color}; --link-hover-color: #{$link-hover-color};
@ -38,6 +40,8 @@
--content-bg-color: #{$content-bg-color-dark}; --content-bg-color: #{$content-bg-color-dark};
--card-bg-color: #{$card-bg-color-dark}; --card-bg-color: #{$card-bg-color-dark};
--text-color: #{$text-color-dark}; --text-color: #{$text-color-dark};
--selection-bg: #{$gainsboro};
--selection-color: #{$black-dim};
--blockquote-color: #{$blockquote-color-dark}; --blockquote-color: #{$blockquote-color-dark};
--link-color: #{$link-color-dark}; --link-color: #{$link-color-dark};
--link-hover-color: #{$link-hover-color-dark}; --link-hover-color: #{$link-hover-color-dark};

5
assets/css/_common/scaffolding/base.scss
View File

@ -1,6 +1,7 @@
::selection { ::selection {
background: $selection-bg; background: var(--selection-bg);
color: $selection-color; color: var(--selection-color);
} }
html, body { html, body {

9
assets/css/_common/scaffolding/highlight/copy-code.scss
View File

@ -3,6 +3,7 @@
background: var(--highlight-background); background: var(--highlight-background);
margin-bottom: 26px; margin-bottom: 26px;
line-height: 1.185;
//TODO Need fixed the copy button show position. //TODO Need fixed the copy button show position.
div:first-child { div:first-child {
@ -12,14 +13,16 @@
pre { pre {
position: relative; position: relative;
overflow-x: auto; overflow-x: auto;
padding: 4px; padding: 6px;
overflow-wrap: break-word;
line-break: anywhere;
} }
table tbody tr { /* table tbody tr {
//TODO Fixed the too long code line over //TODO Fixed the too long code line over
// layout background color. // layout background color.
background: #272822; background: #272822;
} }*/
/* pre > code span { /* pre > code span {
white-space: break-spaces; white-space: break-spaces;

4
assets/css/_variables/base.scss
View File

@ -60,8 +60,10 @@ $content-bg-color : white;
$content-bg-color-dark : $black-dim; $content-bg-color-dark : $black-dim;
// Selection // Selection
$selection-bg : $blue-deep; $selection-bg : rgba(53, 166, 247, 0.25) !default;
$selection-bg-dark : rgba(50, 112, 194, 0.4) !default;
$selection-color : $gainsboro; $selection-color : $gainsboro;
$selection-color-dark : $grey-dark;
// Dark mode color // Dark mode color
$card-bg-color : $whitesmoke; $card-bg-color : $whitesmoke;