github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-17 18:22:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add dark color scheme for text selection (#829)

Browse Source
This commit is contained in:
Samuel Huang 2024-09-20 04:58:48 -04:00 committed by GitHub
parent 1b8522031c
commit a9c940e7f3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/css/_colors.styl
View File

@ -3,6 +3,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: $selection-bg;
--selection-color: $selection-color;
--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;
@ -35,6 +37,8 @@ if (hexo-config('darkmode')) {
--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: $selection-bg-dark;
--selection-color: $selection-color-dark;
--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;

4
source/css/_common/scaffolding/base.styl
View File

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

2
source/css/_variables/base.styl
View File

@ -59,6 +59,8 @@ $content-bg-color-dark = $black-dim;
// Selection // Selection
$selection-bg = $blue-deep; $selection-bg = $blue-deep;
$selection-color = $gainsboro; $selection-color = $gainsboro;
$selection-bg-dark = $grey;
$selection-color-dark = $black-dim;
// Dark mode color // Dark mode color
$card-bg-color = $whitesmoke; $card-bg-color = $whitesmoke;