mirror of
https://github.com/next-theme/hexo-theme-next.git
synced 2026-01-18 18:33:42 +00:00
Add darkmode of DisqusJS (#408)
This commit is contained in:
parent
6067b5f145
commit
847fc59e3e
39
source/css/_common/components/third-party/disqusjs.styl
vendored
Normal file
39
source/css/_common/components/third-party/disqusjs.styl
vendored
Normal file
@ -0,0 +1,39 @@
|
||||
if (hexo-config('disqusjs.enable') and hexo-config('darkmode')) {
|
||||
@media (prefers-color-scheme:dark) {
|
||||
html #dsqjs a {
|
||||
color: var(--link-color)
|
||||
}
|
||||
|
||||
html #dsqjs a:focus,html #dsqjs a:hover {
|
||||
color: var(--link-hover-color)
|
||||
}
|
||||
|
||||
html #dsqjs .dsqjs-nav,html #dsqjs footer {
|
||||
border-color: var(--card-bg-color)
|
||||
}
|
||||
|
||||
html #dsqjs .dsqjs-load-more,html #dsqjs .dsqjs-load-more:hover,html #dsqjs .dsqjs-nav-tab,html #dsqjs .dsqjs-no-comment,html #dsqjs .dsqjs-post-content {
|
||||
color: var(--text-color)
|
||||
}
|
||||
|
||||
html #dsqjs .dsqjs-order-label {
|
||||
background-color: #3e4b5e
|
||||
}
|
||||
|
||||
html #dsqjs .dsqjs-order-radio:checked+.dsqjs-order-label {
|
||||
background-color: var(--content-bg-color)
|
||||
}
|
||||
|
||||
html #dsqjs .dsqjs-tab-active>span:after {
|
||||
background-color: #2e9fff!important
|
||||
}
|
||||
|
||||
html #dsqjs .dsqjs-footer,html #dsqjs .dsqjs-meta {
|
||||
color: var(--text-color)
|
||||
}
|
||||
|
||||
html #dsqjs .dsqjs-post-body blockquote {
|
||||
border-color: var(--content-bg-color)
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,3 +1,4 @@
|
||||
@import 'disqusjs';
|
||||
@import 'gitalk';
|
||||
@import 'utterances';
|
||||
@import 'search';
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user