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

Support dark mode for note tags in modern style (#828)

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

18
source/css/_common/scaffolding/tags/note.styl
View File

@ -85,6 +85,24 @@ if (hexo-config('note.style') != 'disabled') {
color: $note-modern-hover[$type];
}
}
if (hexo-config('darkmode')) {
@media (prefers-color-scheme: dark) {
background: $note-modern-bg-dark[$type];
border-color: $note-modern-border-dark[$type];
color: $note-modern-text-dark[$type];
a:not(.btn) {
border-bottom-color: $note-modern-text-dark[$type];
color: $note-modern-text-dark[$type];
&:hover {
border-bottom-color: $note-modern-hover-dark[$type];
color: $note-modern-hover-dark[$type];
}
}
}
}
}
if ($note-style != 'modern') {

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

@ -374,6 +374,19 @@ $note-modern-hover = {
danger : darken(spin($note-modern-text.danger, -10), 22%)
};
transform-map(map, transform) {
new-map = {
}
for key, val in map {
new-map[key] = transform(val);
}
return new-map;
}
$note-modern-border-dark = transform-map($note-modern-hover, @(val) { lighten(val, 10%) });
$note-modern-bg-dark = transform-map($note-modern-text, @(val) { desaturate(darken(val, 20%), 20%) });
$note-modern-text-dark = transform-map($note-modern-bg, @(val) { darken(val, 10%) });
$note-modern-hover-dark = transform-map($note-modern-border, @(val) { lighten(val, 75%) });
// Tabs border radius
// --------------------------------------------------