if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark' [data-theme='dark'] body background-color: darken(#121212, 2) color: alpha(#FFFFFF, .6) ::-webkit-scrollbar-thumb background: lighten(#121212, 5) // 網站背景，footer背景 #web_bg[data-type=color], #footer[data-type=color] background: darken(#121212, 2) #web_bg[data-type=photo]:before, #footer[data-type=photo]:before position: absolute width: 100% height: 100% background-color: alpha($dark-black, .7) content: '' #nav, .layout_post > #post, .layout_page > div:first-child:not(.recent-posts) background-color: #121212 #sidebar background: #121212 box-shadow: -.25rem 0 .25rem #121212 #article-container code background: #2c2c2c .recent-posts .recent-post-item background: #121212 !important .article-title color: alpha(#FFFFFF, .8) !important // 頭部 #nav &:before position: absolute top: 0 right: 0 bottom: 0 left: 0 background-color: alpha($dark-black, .7) content: '' & > #page-header a color: alpha(#FFFFFF, .8) !important &.fixed background: alpha(#121212, .8) box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0) .toggle-menu, #site-name, a color: alpha(#FFFFFF, .8) .menus_item_child background-color: lighten(#121212, 5) !important li &:hover background: lighten(#121212, 20) !important a color: alpha(#FFFFFF, .8) #site_subtitle & > span color: alpha(#FFFFFF, .6) // 代碼框 #article-container pre, #article-container pre code background-color: lighten(#121212, 2) .highlight-tools background: lighten(#121212, 3) #article-container .highlight:not(.js-file-line-container) background-color: lighten(#121212, 2) .code pre, .gutter pre background-color: lighten(#121212, 2) table .copy-notice background: lighten(#121212, 3) .copy-notice background: lighten(#121212, 3) blockquote background-color: lighten(#121212, 10) color: alpha(#FFFFFF, .6) hr border: 2px dashed alpha(#FFFFFF, .3) background: 0 &:before color: alpha(#FFFFFF, .6) .layout_post .tag_share .post-meta__tags border: 1px solid alpha(#FFFFFF, .6) color: alpha(#FFFFFF, .6) &:hover background: darken(#FFFFFF, 60) // 文章版權 .post-copyright border: 1px solid alpha(#FFFFFF, .6) .post-copyright-meta color: alpha(#FFFFFF, .8) .post-copyright-info color: alpha(#FFFFFF, .6) &:after background: #121212 // 音樂播放器 .aplayer filter: brightness(.7) color: $dark-black // 右下角按鈕 #rightside & > div & > i, & > a, & > div background-color: lighten(#121212, 5) color: alpha(#FFFFFF, .6) &:hover background: lighten(#121212, 20) // 打賞按鈕 .post-reward .reward-button background-color: lighten(#121212, 10) !important .reward-all background-color: lighten(#121212, 10) !important &:after border-top: 13px solid lighten(#121212, 10) !important .md-links-item:before, .card-category-list-item:hover, .card-archive-list-item:hover, #bookmark-it background-color: lighten(#121212, 10) !important img, iframe:not(.utterances-frame), .gist filter: brightness(.7) // 側邊欄 #aside_content .card-widget background: #121212 !important .headline, .length_num, .aside-post_title, .card-category-list-link, .card-archive-list-link, .social-icon, .card-category-list-link-more, .card-archive-list-link-more color: alpha(#FFFFFF, .6) !important .button--animated:before background: lighten(#121212, 20) #post-meta, #post-meta a, #footer-wrap, #footer-wrap a, .img-alt color: alpha(#FFFFFF, .6) !important .posttitle, h1, h2, h3, h4, h5, h6 color: alpha(#FFFFFF, .8) .recent-posts .post-meta__date, .recent-posts .article-meta, .recent-posts a, .post-reward .reward-button, .fa-clipboard, .gutter pre, #bookmark-it, .copy-notice, .md-links-item a, .category-list-link, .relatedPosts_date, .prev-post .label, .next-post .label color: alpha(#FFFFFF, .6) !important .prev_info, .next_info, .relatedPosts_title color: alpha(#FFFFFF, .8) !important // 時間軸界面 .article-sort &-item__title color: alpha(#FFFFFF, .6) &-item:before, &-title:before background: #121212 // 手機 MENU,TOC #mobile-sidebar #mobile-sidebar-menus background: #121212 .headline color: alpha(#FFFFFF, .6) !important .length_num color: alpha(#FFFFFF, .8) !important a color: alpha(#FFFFFF, .6) !important // note if hexo-config('note.style') == 'modern' .note filter: brightness(.7) if hexo-config('note.style') == 'flat' .note filter: brightness(.7) color: #4c4948 // hide-tags .hide-button filter: brightness(.7) // 第三方 // 插件 hexo-blog-encrypt #hexo-blog-encrypt label, input color: alpha(#FFFFFF, .6) !important input background-color: #121212 .mermaid filter: brightness(.7) if hexo-config('gitalk') && hexo-config('gitalk.enable') #gitalk-container .gt-header-textarea, .gt-header-preview, .gt-comment-content, button, .gt-popup filter: brightness(.7) svg fill: alpha(#FFFFFF, .6) !important if hexo-config('valine') && hexo-config('valine.enable') #vcomment .vbtn, .vat border: 1px solid alpha(#FFFFFF, .6) background: #121212 !important color: alpha(#FFFFFF, .6) !important &:hover background: lighten(#121212, 20) !important if hexo-config('local_search') && hexo-config('local_search.enable') #local-search background: #121212 .local-search-box--input background: #121212 color: alpha(#FFFFFF, .6) .search-result-title color: alpha(#FFFFFF, .6) if hexo-config('algolia_search.enable') #algolia-search background: #121212 .ais-search-box--input background: #121212 color: alpha(#FFFFFF, .6) #algolia-search-results .algolia-hit-item-link color: alpha(#FFFFFF, .6) if hexo-config('disqusjs.enable') #disqus_thread #dsqjs .dsqjs-tab-active, .dsqjs-no-comment color: alpha(#FFFFFF, .6) .dsqjs-order-label background-color: lighten(#121212, 5) .dsqjs-post-body color: alpha(#FFFFFF, .6) code, pre background: #2c2c2c blockquote color: alpha(#FFFFFF, .6) if hexo-config('preloader') #loading-box .loading-left-bg, .loading-right-bg, .configure-core background-color: darken(#121212, 2) .loading-word color: alpha(#FFFFFF, .6)