diff --git a/source/css/dark.css b/source/css/dark.css
index d41ae8b5..62aaeb30 100644
--- a/source/css/dark.css
+++ b/source/css/dark.css
@@ -1,494 +1,7 @@
-:root {
-    --base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,
-        'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',
-        'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',
-        'Source Han Sans CN', 'Noto Sans SC', 'Source Han Sans TC',
-        'Noto Sans CJK TC', 'WenQuanYi Micro Hei', SimSun, sans-serif
-}
+:root{--base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,
+    'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',
+    'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',
+    'Source Han Sans CN', 'Noto Sans SC', 'Source Han Sans TC',
+    'Noto Sans CJK TC', 'WenQuanYi Micro Hei', SimSun, sans-serif}@font-face{font-family:'iconfont-archer';src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot");src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff") format("woff"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf") format("truetype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer") format("svg")}.iconfont-archer{font-family:'iconfont-archer' !important;font-size:1rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#121212}.background-holder{background-color:#121212}.container{background-color:#121212}::-moz-selection{background:#f75357;color:snow}::selection{background:#f75357;color:snow}.note{background-color:#1e1e1e !important}.back-top{border-color:rgba(255,255,255,0.87);background-color:rgba(18,18,18,0.8);color:rgba(255,255,255,0.87)}.back-top:hover{background-color:rgba(255,255,255,0.87);color:#121212}.back-top-rounded{color:#fff;background-color:#121212}.back-top-rounded:hover{color:#333}.footer{background-color:#121212}.copyright a{color:#f75357}#busuanzi_container_site_pv,#busuanzi_container_site_uv{color:rgba(255,255,255,0.38)}.read-progress{background-color:rgba(255,255,255,0.6)}.read-progress-feature{background-color:#f75357}.banner{border-bottom-color:rgba(255,255,255,0.87);background-color:rgba(0,0,0,0.8)}.banner .blog-title a{color:rgba(255,255,255,0.87)}.banner .blog-title a:hover{color:#f75357}.banner .post-title a{color:rgba(255,255,255,0.87)}.banner.banner-clean{background-color:rgba(0,0,0,0.9)}.header-sidebar-menu{border-color:#fff;color:#fff}.header-sidebar-menu:hover{background-color:#fff;color:#000}.header-sidebar-menu-rounded:hover{background-color:transparent;color:#f75357}.header-sidebar-menu-black{color:rgba(255,255,255,0.87);background-color:#121212;border-color:rgba(255,255,255,0.87)}.header-sidebar-menu-black:hover{background-color:rgba(255,255,255,0.87);color:#121212}.header-actions .home-link a:hover{color:#f75357}.profile{color:#777;border-color:rgba(255,255,255,0.1)}.profile-avatar{border-color:rgba(255,255,255,0.1)}.profile-name{color:#ddd}.profile-social{border-color:rgba(255,255,255,0.1)}.friends{border-color:rgba(255,255,255,0.1)}.friends a{color:#777}.friends a:hover{color:#f75357}.profile-link-item{border-color:rgba(255,255,255,0.1)}.profile-link-item a{color:#777}.profile-link-item a:hover{color:#f75357}.popup{background:#121212;color:#e1e1e1;box-shadow:0px 0px 10px rgba(255,255,255,0.5)}.algolia-search{border-bottom-color:#222;background-color:#181818}.algolia-search-input input{color:rgba(255,255,255,0.87)}.algolia-hit-item:hover{border-bottom:1px solid;background-color:#181818}.algolia-hit-item-link{color:rgba(255,255,255,0.87)}.popup-btn-close{color:#f75357}.algolia-hit-item-link em{color:#f75357}.ais-Pagination-item a{color:#f75357}.abstract-content code,.article-entry code{background:#282c34}.archive-post-item:hover{border-left-color:#f75357}.archive-post-item:hover .archive-post-date,.archive-post-item:hover .archive-post-title{color:#f75357}.site-search .search-icon{color:#f75357}.archive-year,.total-archive{color:#f75357}.sidebar-tag-name:hover,.sidebar-category-name:hover{border-color:#f75357;color:#f75357}.sidebar-label-focus{border-color:#f75357;color:#f75357}.sidebar-tabs::after{background-color:#f75357}.index-post{background-color:#181818;margin-bottom:1rem}.index-post .abstract-content{color:rgba(255,255,255,0.6)}.abstract-title{color:rgba(255,255,255,0.87)}.abstract-title:hover{color:#f75357}.index-post .abstract-read-more-button a{color:rgba(255,255,255,0.38)}.index-post .abstract-read-more-button a:hover{color:#f75357}.abstract-post-meta{color:rgba(255,255,255,0.38)}.abstract-post-meta a{color:rgba(255,255,255,0.38)}.abstract-post-meta .post-tag::after{content:'';position:absolute;left:calc((100% - 98%) / 2);bottom:-15%;transition:all 0.15s ease-in;width:98%;height:2px;transform:translate(0, 0);background-color:rgba(255,255,255,0.38);opacity:0}.abstract-post-meta .post-tag:hover::after{transform:translate(0, -2px);opacity:1}.index-post-divider{display:none}.anchorjs-archer{color:#f75357}.article-entry{background-color:#181818}.abstract-content,.article-entry{color:rgba(255,255,255,0.87)}.abstract-content blockquote,.article-entry blockquote{background-color:#1e1e1e;border-left-color:#f75357}.abstract-content .table-container table,.abstract-content>table,.article-entry .table-container table,.article-entry>table{border-color:#1e1e1e;box-shadow:2px 2px 2px rgba(255,255,255,0.125)}.abstract-content .table-container table thead tr,.abstract-content>table thead tr,.article-entry .table-container table thead tr,.article-entry>table thead tr{background:#1e1e1e}.abstract-content .table-container table tbody tr:hover,.abstract-content>table tbody tr:hover,.article-entry .table-container table tbody tr:hover,.article-entry>table tbody tr:hover{background:#242424}.abstract-content .table-container table td,.abstract-content .table-container table th,.abstract-content>table td,.abstract-content>table th,.article-entry .table-container table td,.article-entry .table-container table th,.article-entry>table td,.article-entry>table th{border-color:#2a2a2a}.abstract-content a,.article-entry a{color:#f75357}.abstract-content a:hover,.article-entry a:hover{border-bottom-color:#f75357}.license-wrapper{background-color:#181818}.license-wrapper{color:rgba(255,255,255,0.87)}.license-wrapper a{color:#f75357}.toc-wrapper .toc-active{color:#f75357}.toc-wrapper a{color:#777}.toc-wrapper a:hover{color:#f75357}.toc-catalog:hover{color:#f75357}.post-paginator .nextTitle,.post-paginator .prevTitle{color:rgba(255,255,255,0.38)}.post-paginator .nextTitle:hover,.post-paginator .prevTitle:hover{color:#f75357}.post-paginator .nextSlogan,.post-paginator .prevSlogan{color:rgba(255,255,255,0.6)}#gitalk-container *{color:rgba(255,255,255,0.87)}#gitalk-container textarea,#gitalk-container .gt-header-preview *,#gitalk-container .gt-comment-content *,#gitalk-container .gt-action *,#gitalk-container .gt-version{color:#333}#gitalk-container a{color:#f75357 !important}#gitalk-container a:hover{color:#fcb4b6 !important;border-color:#fcb4b6 !important}#gitalk-container .gt-svg svg{fill:#f75357 !important}#gitalk-container .gt-spinner::before{border-color:#fff !important;border-top-color:#f75357 !important}#gitalk-container .gt-btn{background-color:#f75357 !important;border-color:#f75357 !important;color:#fff !important}#gitalk-container .gt-btn-login:hover{background-color:#fcb4b6 !important;border-color:#fcb4b6 !important}#gitalk-container .gt-btn-preview{background-color:#fff !important;color:#f75357 !important}#gitalk-container .gt-btn-preview:hover{background-color:#f2f2f2 !important;border-color:#fcb4b6 !important}#gitalk-container .gt-btn-preview .gt-btn-text{color:#f75357 !important}#gitalk-container .gt-btn-public:hover{background-color:#fcb4b6 !important;border-color:#fcb4b6 !important}#gitalk-container .gt-link{border-bottom-color:#f75357 !important}#gitalk-container .gt-user .is--poping .gt-ico svg{fill:#f75357 !important}#gitalk-container .gt-popup .gt-action.is--active:before{background:#f75357 !important}#gitalk-container .gt-header-controls-tip{color:#f75357 !important}#gitalk-container .gt-comment-username{color:#f75357 !important}
 
-@font-face {
-    font-family: 'iconfont-archer';
-    src: url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot");
-    src: url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff") format("woff"), url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf") format("truetype"), url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer") format("svg")
-}
-
-.iconfont-archer {
-    font-family: 'iconfont-archer' !important;
-    font-size: 1rem;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
-}
-
-body {
-    background-color: #121212
-}
-
-.background-holder {
-    background-color: #121212
-}
-
-.container {
-    background-color: #121212
-}
-
-::-moz-selection {
-    background: #f75357;
-    color: snow
-}
-
-::selection {
-    background: #f75357;
-    color: snow
-}
-
-.note {
-    background-color: #1e1e1e !important
-}
-
-.back-top {
-    border-color: rgba(255, 255, 255, 0.87);
-    background-color: rgba(18, 18, 18, 0.8);
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.back-top:hover {
-    background-color: rgba(255, 255, 255, 0.87);
-    color: #121212
-}
-
-.back-top-rounded {
-    color: #fff;
-    background-color: #121212
-}
-
-.back-top-rounded:hover {
-    color: #333
-}
-
-.footer {
-    background-color: #121212
-}
-
-.copyright a {
-    color: #f75357
-}
-
-#busuanzi_container_site_pv,
-#busuanzi_container_site_uv {
-    color: rgba(255, 255, 255, 0.38)
-}
-
-.read-progress {
-    background-color: rgba(255, 255, 255, 0.6)
-}
-
-.read-progress-feature {
-    background-color: #f75357
-}
-
-.banner {
-    border-bottom-color: rgba(255, 255, 255, 0.87);
-    background-color: rgba(0, 0, 0, 0.8)
-}
-
-.banner .blog-title a {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.banner .blog-title a:hover {
-    color: #f75357
-}
-
-.banner .post-title a {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.banner.banner-clean {
-    background-color: rgba(0, 0, 0, 0.9)
-}
-
-.header-sidebar-menu {
-    border-color: #fff;
-    color: #fff
-}
-
-.header-sidebar-menu:hover {
-    background-color: #fff;
-    color: #000
-}
-
-.header-sidebar-menu-rounded:hover {
-    background-color: transparent;
-    color: #f75357
-}
-
-.header-sidebar-menu-black {
-    color: rgba(255, 255, 255, 0.87);
-    background-color: #121212;
-    border-color: rgba(255, 255, 255, 0.87)
-}
-
-.header-sidebar-menu-black:hover {
-    background-color: rgba(255, 255, 255, 0.87);
-    color: #121212
-}
-
-.header-actions .home-link a:hover {
-    color: #f75357
-}
-
-.profile {
-    color: #777;
-    border-color: rgba(255, 255, 255, 0.1)
-}
-
-.profile-avatar {
-    border-color: rgba(255, 255, 255, 0.1)
-}
-
-.profile-name {
-    color: #ddd
-}
-
-.profile-social {
-    border-color: rgba(255, 255, 255, 0.1)
-}
-
-.friends {
-    border-color: rgba(255, 255, 255, 0.1)
-}
-
-.friends a {
-    color: #777
-}
-
-.friends a:hover {
-    color: #f75357
-}
-
-.profile-link-item {
-    border-color: rgba(255, 255, 255, 0.1)
-}
-
-.profile-link-item a {
-    color: #777
-}
-
-.profile-link-item a:hover {
-    color: #f75357
-}
-
-.popup {
-    background: #121212;
-    color: #e1e1e1;
-    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5)
-}
-
-.algolia-search {
-    border-bottom-color: #222;
-    background-color: #181818
-}
-
-.algolia-search-input input {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.algolia-hit-item:hover {
-    border-bottom: 1px solid;
-    background-color: #181818
-}
-
-.algolia-hit-item-link {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.popup-btn-close {
-    color: #f75357
-}
-
-.algolia-hit-item-link em {
-    color: #f75357
-}
-
-.ais-Pagination-item a {
-    color: #f75357
-}
-
-.abstract-content code,
-.article-entry code {
-    background: #282c34
-}
-
-.archive-post-item:hover {
-    border-left-color: #f75357
-}
-
-.archive-post-item:hover .archive-post-date,
-.archive-post-item:hover .archive-post-title {
-    color: #f75357
-}
-
-.site-search .search-icon {
-    color: #f75357
-}
-
-.archive-year,
-.total-archive {
-    color: #f75357
-}
-
-.sidebar-tag-name:hover,
-.sidebar-category-name:hover {
-    border-color: #f75357;
-    color: #f75357
-}
-
-.sidebar-label-focus {
-    border-color: #f75357;
-    color: #f75357
-}
-
-.sidebar-tabs::after {
-    background-color: #f75357
-}
-
-.index-post {
-    background-color: #181818;
-    margin-bottom: 1rem
-}
-
-.index-post .abstract-content {
-    color: rgba(255, 255, 255, 0.6)
-}
-
-.abstract-title {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.abstract-title:hover {
-    color: #f75357
-}
-
-.index-post .abstract-read-more-button a {
-    color: rgba(255, 255, 255, 0.38)
-}
-
-.index-post .abstract-read-more-button a:hover {
-    color: #f75357
-}
-
-.abstract-post-meta {
-    color: rgba(255, 255, 255, 0.38)
-}
-
-.abstract-post-meta a {
-    color: rgba(255, 255, 255, 0.38)
-}
-
-.abstract-post-meta .post-tag::after {
-    content: '';
-    position: absolute;
-    left: calc((100% - 98%) / 2);
-    bottom: -15%;
-    transition: all 0.15s ease-in;
-    width: 98%;
-    height: 2px;
-    transform: translate(0, 0);
-    background-color: rgba(255, 255, 255, 0.38);
-    opacity: 0
-}
-
-.abstract-post-meta .post-tag:hover::after {
-    transform: translate(0, -2px);
-    opacity: 1
-}
-
-.index-post-divider {
-    display: none
-}
-
-.anchorjs-archer {
-    color: #f75357
-}
-
-.article-entry {
-    background-color: #181818
-}
-
-.abstract-content,
-.article-entry {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.abstract-content blockquote,
-.article-entry blockquote {
-    background-color: #1e1e1e;
-    border-left-color: #f75357
-}
-
-.abstract-content .table-container table,
-.abstract-content>table,
-.article-entry .table-container table,
-.article-entry>table {
-    border-color: #1e1e1e;
-    box-shadow: 2px 2px 2px rgba(255, 255, 255, 0.125)
-}
-
-.abstract-content .table-container table thead tr,
-.abstract-content>table thead tr,
-.article-entry .table-container table thead tr,
-.article-entry>table thead tr {
-    background: #1e1e1e
-}
-
-.abstract-content .table-container table tbody tr:hover,
-.abstract-content>table tbody tr:hover,
-.article-entry .table-container table tbody tr:hover,
-.article-entry>table tbody tr:hover {
-    background: #242424
-}
-
-.abstract-content .table-container table td,
-.abstract-content .table-container table th,
-.abstract-content>table td,
-.abstract-content>table th,
-.article-entry .table-container table td,
-.article-entry .table-container table th,
-.article-entry>table td,
-.article-entry>table th {
-    border-color: #2a2a2a
-}
-
-.abstract-content a,
-.article-entry a {
-    color: #f75357
-}
-
-.abstract-content a:hover,
-.article-entry a:hover {
-    border-bottom-color: #f75357
-}
-
-.license-wrapper {
-    background-color: #181818
-}
-
-.license-wrapper {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-.license-wrapper a {
-    color: #f75357
-}
-
-.toc-wrapper .toc-active {
-    color: #f75357
-}
-
-.toc-wrapper a {
-    color: #777
-}
-
-.toc-wrapper a:hover {
-    color: #f75357
-}
-
-.toc-catalog:hover {
-    color: #f75357
-}
-
-.post-paginator .nextTitle,
-.post-paginator .prevTitle {
-    color: rgba(255, 255, 255, 0.38)
-}
-
-.post-paginator .nextTitle:hover,
-.post-paginator .prevTitle:hover {
-    color: #f75357
-}
-
-.post-paginator .nextSlogan,
-.post-paginator .prevSlogan {
-    color: rgba(255, 255, 255, 0.6)
-}
-
-#gitalk-container * {
-    color: rgba(255, 255, 255, 0.87)
-}
-
-#gitalk-container textarea,
-#gitalk-container .gt-header-preview *,
-#gitalk-container .gt-comment-content * {
-    color: #000;
-}
-
-#gitalk-container a {
-    color: #f75357 !important
-}
-
-#gitalk-container a:hover {
-    color: #fcb4b6 !important;
-    border-color: #fcb4b6 !important
-}
-
-#gitalk-container .gt-svg svg {
-    fill: #f75357 !important
-}
-
-#gitalk-container .gt-spinner::before {
-    border-color: #fff !important;
-    border-top-color: #f75357 !important
-}
-
-#gitalk-container .gt-btn {
-    background-color: #f75357 !important;
-    border-color: #f75357 !important;
-    color: #fff !important
-}
-
-#gitalk-container .gt-btn-login:hover {
-    background-color: #fcb4b6 !important;
-    border-color: #fcb4b6 !important
-}
-
-#gitalk-container .gt-btn-preview {
-    background-color: #fff !important;
-    color: #f75357 !important
-}
-
-#gitalk-container .gt-btn-preview:hover {
-    background-color: #f2f2f2 !important;
-    border-color: #fcb4b6 !important
-}
-
-#gitalk-container .gt-btn-preview .gt-btn-text {
-    color: #f75357 !important
-}
-
-#gitalk-container .gt-btn-public:hover {
-    background-color: #fcb4b6 !important;
-    border-color: #fcb4b6 !important
-}
-
-#gitalk-container .gt-link {
-    border-bottom-color: #f75357 !important
-}
-
-#gitalk-container .gt-user .is--poping .gt-ico svg {
-    fill: #f75357 !important
-}
-
-#gitalk-container .gt-popup .gt-action.is--active:before {
-    background: #f75357 !important
-}
-
-#gitalk-container .gt-header-controls-tip {
-    color: #f75357 !important
-}
-
-#gitalk-container .gt-comment-username {
-    color: #f75357 !important
-}
-
-/*# sourceMappingURL=dark.css.map */
\ No newline at end of file
+/*# sourceMappingURL=dark.css.map */
diff --git a/source/css/dark.css.map b/source/css/dark.css.map
index bc449a86..44736be9 100644
--- a/source/css/dark.css.map
+++ b/source/css/dark.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_variables.scss","_dark/_common-dark.scss","_dark/_partial/_partial/_footer-fixed-dark.scss","_dark/_partial/_partial/_footer-dark.scss","_dark/_partial/_partial/_header-dark.scss","_dark/_partial/_partial/_profile-dark.scss","_dark/_partial/_algolia-dark.scss","_dark/_partial/_post/_code-dark.scss","_dark/_partial/_sidebar/_sidebar-archive-dark.scss","_dark/_partial/_sidebar/_sidebar-tags-dark.scss","_dark/_partial/_sidebar/_sidebar-dark.scss","_dark/_partial/_index-page-dark.scss","_mixin.scss","_dark/_partial/_post-page-dark.scss","_dark/_partial/_comment/_gitalk-dark.scss"],"names":[],"mappings":"AAEA,MACE;;;;iEAAmB,CAKpB,WAsCC,6BAA8B,CAC9B,wDAAyD,CACzD,2TAKiB,CAGnB,iBACE,wCAAyC,CACzC,cAAe,CACf,iBAAkB,CAClB,kCAAmC,CACnC,iCAAkC,CACnC,KC7DC,wBDiBkC,CChBnC,mBAGC,wBDakC,CCZnC,WAGC,wBDSkC,CCRnC,iBAGC,kBDD0B,CCE1B,UDsB8B,CC1B/B,YAGC,kBDD0B,CCE1B,UDsB8B,CCrB/B,MAGC,mCAAoC,CACrC,UClBC,mCFsCiD,CErCjD,mCAAuC,CACvC,4BFoCiD,CEvCnD,gBAKI,uCFkC+C,CEjC/C,aFYgC,CEXjC,kBAID,UFK0B,CEJ1B,wBFMkC,CERpC,wBAII,UAAW,CACZ,QCdD,wBHiBkC,CGhBnC,aAIG,aHMwB,CGLzB,wDAKD,4BH6B+C,CG5BhD,eCZC,sCJuCkD,CItCnD,uBAGC,wBJO0B,CIN3B,QAGC,0CJ8BiD,CI7BjD,gCAAoC,CAFtC,sBAMM,4BJyB6C,CI/BnD,4BAQQ,aJJoB,CIJ5B,sBAeM,4BJgB6C,CI/BnD,qBAoBI,gCAAoC,CACrC,qBAID,iBJjB0B,CIkB1B,UJlB0B,CIgB5B,2BAII,qBJpBwB,CIqBxB,UAAW,CACZ,mCAKC,4BAA6B,CAC7B,aJhCwB,CIiCzB,2BAID,4BJViD,CIWjD,wBJhCkC,CIiClC,mCJZiD,CISnD,iCAKI,uCJd+C,CIe/C,aJpCgC,CIqCjC,mCAOK,aJlDoB,CImDrB,SC9DL,ULqG+B,CKpG/B,kCAAsC,CACvC,gBAGC,kCAAsC,CACvC,cAGC,UAAW,CACZ,gBAGC,kCAAsC,CACvC,SAGC,kCAAsC,CADxC,WAII,ULiF6B,CKrFjC,iBAMM,aLXsB,CKYvB,mBAKH,kCAAsC,CADxC,qBAII,ULsE6B,CK1EjC,2BAMM,aLtBsB,CKuBvB,OClCH,kBNiBkC,CMhBlC,aAAc,CACd,6CAAiD,CAClD,gBAGC,wBAAyB,CACzB,wBNW6B,CMV9B,4BAGC,4BN2BiD,CM1BlD,wBAIG,uBAAwB,CACxB,wBNC2B,CMA5B,uBAID,4BNgBiD,CMflD,iBAGC,aNf0B,CMgB3B,0BAMO,aNtBoB,CMuBrB,uBAOH,aN9BwB,CM+BzB,2CCxCC,kBAAmB,CACpB,yBCFC,yBRUwB,CQZ5B,yFAKM,aROsB,CQNvB,0BAMD,aRAwB,CQCzB,6BAKD,aRN0B,CQO3B,qDChBG,oBTSwB,CSRxB,aTQwB,CSPzB,qBAID,oBTG0B,CSF1B,aTE0B,CSD3B,qBCTG,wBVUwB,CUTzB,YCFD,wBXkB6B,CWjB7B,kBAAmB,CACpB,8BAIG,2BXiCgD,CWhCjD,gBAID,4BX2BiD,CW5BnD,sBAII,aXHwB,CWIzB,yCAMG,4BXmB2C,CWtBjD,+CAKQ,aXZoB,CWarB,oBAML,4BXU+C,CWXjD,sBAII,4BXO6C,CYvC/C,qCACE,UAAW,CACX,iBAAkB,CAClB,2BAAkC,CAClC,WAAY,CACZ,4BAA6B,CAC7B,SAPuC,CAQvC,UAR0B,CAS1B,yBAA0B,CAC1B,uCZ8B6C,CY7B7C,SAAU,CACX,2CAEC,4BAA6B,CAC7B,SAAU,CACX,oBD0BD,YAAa,CACd,iBE3CC,abW0B,CaV3B,eAGC,wBbc6B,Cab9B,iCAIC,4Bb6BiD,Ca/BnD,uDAII,wBAAyB,CACzB,yBbDwB,CaJ5B,4HASI,oBAAqB,CACrB,8CAAkD,CAVtD,gKAaQ,kBAAmB,CAb3B,wLAkBQ,kBAAmB,CAlB3B,gRAuBM,oBAAqB,CAvB3B,qCA2BI,abvBwB,CaJ5B,iDA6BM,2BbzBsB,Ca0BvB,iBAKH,wBbxB6B,CayB9B,iBAGC,4BbRiD,CaOnD,mBAGI,abrCwB,CasCzB,yBAKC,ab3CwB,CayC5B,eAKI,UAAW,CALf,qBAQI,abjDwB,CakDzB,mBAKC,abvDwB,CawDzB,sDAMC,4BbjC6C,Ca8BjD,kEAKM,abhEsB,Ca2D5B,wDAWI,2Bb1CgD,Ca2CjD,oBC7EC,4BdiC+C,CcnCnD,oBAMI,wBAAgC,CANpC,0BAQM,wBAAwC,CACxC,+BAA+C,CATrD,8BAcI,uBAA+B,CAdnC,sCAkBI,4BAAsC,CACtC,mCAA2C,CAnB/C,0BAuBI,mCAA2C,CAC3C,+BAAuC,CACvC,qBAA+B,CAzBnC,sCA4BQ,mCAAmD,CACnD,+BAA+C,CA7BvD,kCAiCM,gCAA0C,CAC1C,wBAAgC,CAlCtC,wCAoCQ,mCAAsD,CACtD,+BAA+C,CArCvD,+CAwCQ,wBAAgC,CAxCxC,uCA6CQ,mCAAmD,CACnD,+BAA+C,CA9CvD,2BAoDI,sCAA8C,CApDlD,mDAwDI,uBAA+B,CAxDnC,yDA4DI,6BAAqC,CA5DzC,0CAgEI,wBAAgC,CAhEpC,uCAoEI,wBAAgC","file":"dark.css","sourcesContent":["// You can change the following settings by yourself :-)\n\n:root {\n  --base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,\n    'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',\n    'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',\n    'Source Han Sans CN', 'Noto Sans SC', 'Source Han Sans TC',\n    'Noto Sans CJK TC', 'WenQuanYi Micro Hei', SimSun, sans-serif;\n}\n\n// ========== DIY ========== //\n$feature-color: #f75357;\n$feature-color-dark: #f75357; // Feature color in dark mode\n$code-theme: 'atom-one-dark'; // atom-one-dark or atom-one-light\n\n// ========== global variables ========== //\n$body-background-color: #fff;\n$foreground-color: #fdfdfd;\n$body-background-color-dark: #121212;\n$foreground-color-dark: #181818;\n$base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,\n  'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',\n  'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',\n  'Source Han Sans CN', 'Noto Sans SC', 'Source Han Sans TC', 'Noto Sans CJK TC',\n  'WenQuanYi Micro Hei', SimSun, sans-serif;\n$feature-font-family: 'Oswald-Regular', $base-font-family;\n$base-font-size: 16px !default;\n\n// ========== CSS Variables ========== //\n$base-font-family: var(--base-font-family);\n\n// ========== common ========== //\n$container-margin-top: 3rem;\n$selection-background-color: $feature-color;\n$selection-background-color-dark: $feature-color-dark;\n$selection-text-color: #eee;\n$selection-text-color-dark: snow;\n\n// ========= dark mode ========= //\n$text-color-primary-dark: rgba(255, 255, 255, 0.87);\n$text-color-secondary-dark: rgba(255, 255, 255, 0.6);\n$text-color-minor-dark: rgba(255, 255, 255, 0.38);\n$transition-animation: all 0.5s ease-out;\n\n// ========== iconfont ========== //\n@font-face {\n  font-family: 'iconfont-archer'; /* project id 327081 */\n  src: url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot');\n  src: url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix')\n      format('embedded-opentype'),\n    url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff') format('woff'),\n    url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf') format('truetype'),\n    url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer')\n      format('svg');\n}\n\n.iconfont-archer {\n  font-family: 'iconfont-archer' !important;\n  font-size: 1rem;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// ======= fixed footer ======= //\n$footer-fixed-height: 3.5rem;\n\n// ========== header ========== //\n$header-height: 3.5rem;\n$header-height-mobile: 3rem;\n$header-border-top-width: 3px;\n$header-border-top-color: rgba(0, 0, 0, 0.75);\n$header-border-top-color-dark: rgba(0, 0, 0, 0.75);\n$header-banner-text-color: #333;\n$header-banner-text-color-dark: $text-color-primary-dark;\n\n// ========= sidebar ========= //\n$sidebar-width: 400px;\n\n// ========== profile ========== //\n$profile-width: 200px;\n\n// ========== index ========== //\n$index-post-link-color: #1f1f1f;\n$index-post-link-color-dark: #ccc;\n$index-post-tag-color: #aaa;\n$index-post-tag-color-dark: $text-color-minor-dark;\n\n// ===== abstract content ===== //\n$abstract-content-title-color: #333;\n$abstract-content-title-color-dark: $text-color-primary-dark;\n$abstract-content-text-color: #585858;\n$abstract-content-text-color-dark: $text-color-secondary-dark;\n$abstract-post-meta-color: #aaa;\n$abstract-post-meta-color-dark: $text-color-minor-dark;\n\n// ========== post ========== //\n$post-content-color: #23394d;\n$post-content-color-dark: $text-color-primary-dark;\n\n// ========== social ========== //\n$social-iconfont-color: #777;\n$social-iconfont-color-dark: #777;\n\n// ========== code ========== //\n$code-color-map: (\n  'atom-one-light': (\n    base: #fafafa,\n    mono-1: #383a42,\n    mono-2: #686b77,\n    mono-3: #a0a1a7,\n    hue-1: #0184bb,\n    hue-2: #4078f2,\n    hue-3: #a626a4,\n    hue-4: #50a14f,\n    hue-5: #e45649,\n    hue-5-2: #c91243,\n    hue-6: #986801,\n    hue-6-2: #c18401,\n  ),\n  'atom-one-dark': (\n    base: #282c34,\n    mono-1: #abb2bf,\n    mono-2: #818896,\n    mono-3: #5c6370,\n    hue-1: #56b6c2,\n    hue-2: #61aeee,\n    hue-3: #c678dd,\n    hue-4: #98c379,\n    hue-5: #e06c75,\n    hue-5-2: #be5046,\n    hue-6: #d19a66,\n    hue-6-2: #e6c07b,\n  ),\n);\n@if not(map-has-key($code-color-map, $code-theme)) {\n  $code-theme: 'atom-one-dark';\n}\n$theme-colors: map-get($code-color-map, $code-theme);\n\n// ========== algolia-search ========== //\n$algolia-search-padding-horiz: 20px;\n","body {\n  background-color: $body-background-color-dark;\n}\n\n.background-holder {\n  background-color: $body-background-color-dark;\n}\n\n.container {\n  background-color: $body-background-color-dark;\n}\n\n::selection {\n  background: $selection-background-color-dark;\n  color: $selection-text-color-dark;\n}\n\n.note {\n  background-color: #1e1e1e !important;\n}\n",".back-top {\n  border-color: $text-color-primary-dark;\n  background-color: rgba(18, 18, 18, 0.8);\n  color: $text-color-primary-dark;\n  &:hover {\n    background-color: $text-color-primary-dark;\n    color: $body-background-color-dark;\n  }\n}\n\n.back-top-rounded {\n  color: $body-background-color;\n  background-color: $body-background-color-dark;\n  &:hover {\n    color: #333;\n  }\n}\n",".footer {\n  background-color: $body-background-color-dark;\n}\n\n.copyright {\n  a {\n    color: $feature-color-dark;\n  }\n}\n\n#busuanzi_container_site_pv,\n#busuanzi_container_site_uv {\n  color: $text-color-minor-dark;\n}\n",".read-progress {\n  background-color: $text-color-secondary-dark;\n}\n\n.read-progress-feature {\n  background-color: $feature-color-dark;\n}\n\n.banner {\n  border-bottom-color: $text-color-primary-dark;\n  background-color: rgba(0, 0, 0, 0.8);\n\n  .blog-title {\n    a {\n      color: $header-banner-text-color-dark;\n      &:hover {\n        color: $feature-color-dark;\n      }\n    }\n  }\n\n  .post-title {\n    a {\n      color: $header-banner-text-color-dark;\n    }\n  }\n\n  &.banner-clean {\n    background-color: rgba(0, 0, 0, 0.9);\n  }\n}\n\n.header-sidebar-menu {\n  border-color: $body-background-color;\n  color: $body-background-color;\n  &:hover {\n    background-color: $body-background-color;\n    color: #000;\n  }\n}\n\n.header-sidebar-menu-rounded {\n  &:hover {\n    background-color: transparent;\n    color: $feature-color-dark;\n  }\n}\n\n.header-sidebar-menu-black {\n  color: $text-color-primary-dark;\n  background-color: $body-background-color-dark;\n  border-color: $text-color-primary-dark;\n  &:hover {\n    background-color: $text-color-primary-dark;\n    color: $body-background-color-dark;\n  }\n}\n\n.header-actions {\n  .home-link {\n    a {\n      &:hover {\n        color: $feature-color-dark;\n      }\n    }\n  }\n}\n",".profile {\n  color: $social-iconfont-color-dark;\n  border-color: rgba(255, 255, 255, 0.1);\n}\n\n.profile-avatar {\n  border-color: rgba(255, 255, 255, 0.1);\n}\n\n.profile-name {\n  color: #ddd;\n}\n\n.profile-social {\n  border-color: rgba(255, 255, 255, 0.1);\n}\n\n.friends {\n  border-color: rgba(255, 255, 255, 0.1);\n\n  a {\n    color: $social-iconfont-color-dark;\n    &:hover {\n      color: $feature-color-dark;\n    }\n  }\n}\n\n.profile-link-item {\n  border-color: rgba(255, 255, 255, 0.1);\n\n  a {\n    color: $social-iconfont-color-dark;\n    &:hover {\n      color: $feature-color-dark;\n    }\n  }\n}\n",".popup {\n  background: $body-background-color-dark;\n  color: #e1e1e1;\n  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);\n}\n\n.algolia-search {\n  border-bottom-color: #222;\n  background-color: $foreground-color-dark;\n}\n\n.algolia-search-input input {\n  color: $text-color-primary-dark;\n}\n\n.algolia-hit-item {\n  &:hover {\n    border-bottom: 1px solid;\n    background-color: $foreground-color-dark;\n  }\n}\n\n.algolia-hit-item-link {\n  color: $text-color-primary-dark;\n}\n\n.popup-btn-close {\n  color: $feature-color-dark;\n}\n\n.algolia-hit {\n  &-item {\n    &-link {\n      em {\n        color: $feature-color-dark;\n      }\n    }\n  }\n}\n\n.ais-Pagination-item {\n  a {\n    color: $feature-color-dark;\n  }\n}\n",".abstract-content,\n.article-entry {\n  code {\n    background: #282c34;\n  }\n}\n",".archive-post-item {\n  &:hover {\n    border-left-color: $feature-color-dark;\n    .archive-post-date,\n    .archive-post-title {\n      color: $feature-color-dark;\n    }\n  }\n}\n\n.site-search {\n  .search-icon {\n    color: $feature-color-dark;\n  }\n}\n\n.archive-year,\n.total-archive {\n  color: $feature-color-dark;\n}\n",".sidebar-tag-name,\n.sidebar-category-name {\n  &:hover {\n    border-color: $feature-color-dark;\n    color: $feature-color-dark;\n  }\n}\n\n.sidebar-label-focus {\n  border-color: $feature-color-dark;\n  color: $feature-color-dark;\n}\n",".sidebar-tabs {\n  &::after {\n    background-color: $feature-color-dark;\n  }\n}\n",".index-post {\n  background-color: $foreground-color-dark;\n  margin-bottom: 1rem;\n}\n\n.index-post {\n  .abstract-content {\n    color: $abstract-content-text-color-dark;\n  }\n}\n\n.abstract-title {\n  color: $abstract-content-title-color-dark;\n\n  &:hover {\n    color: $feature-color-dark;\n  }\n}\n\n.index-post {\n  .abstract-read-more-button {\n    a {\n      color: $abstract-post-meta-color-dark;\n      &:hover {\n        color: $feature-color-dark;\n      }\n    }\n  }\n}\n\n.abstract-post-meta {\n  color: $abstract-post-meta-color-dark;\n\n  a {\n    color: $abstract-post-meta-color-dark;\n  }\n\n  .post-tag {\n    @include hover-line($color: $abstract-post-meta-color-dark);\n  }\n}\n\n.index-post-divider {\n  display: none;\n}\n","// ========== hover ========== //\n@mixin hover-line($height: 2px, $width: 98%, $color: $feature-color) {\n  &::after {\n    content: '';\n    position: absolute;\n    left: calc((100% - #{$width}) / 2);\n    bottom: -15%;\n    transition: all 0.15s ease-in;\n    width: $width;\n    height: $height;\n    transform: translate(0, 0);\n    background-color: $color;\n    opacity: 0;\n  }\n  &:hover::after {\n    transform: translate(0, -2px);\n    opacity: 1;\n  }\n}\n\n// ========== social style ========== //\n@mixin social($scaleSize, $spanMargin) {\n  .iconfont-archer {\n    display: inline-block;\n    text-align: center;\n  }\n  .iconfont-archer::before {\n    display: inline-block;\n    color: $social-iconfont-color;\n    font-size: 3rem * $scaleSize;\n    margin: 0 $spanMargin 0 0;\n  }\n  .iconfont-archer:last-of-child::before {\n    margin: 0;\n  }\n  .email {\n    top: 4px * $scaleSize;\n    &::before {\n      content: '\\e642';\n    }\n    &:hover::before {\n      color: #0cb49d;\n    }\n  }\n  .github {\n    &::before {\n      font-size: 3.2rem * $scaleSize;\n      content: '\\e69f';\n    }\n    &:hover::before {\n      color: #24292e;\n    }\n  }\n  .wechat {\n    top: 4px * $scaleSize;\n    &::before {\n      font-size: 2.8rem * $scaleSize;\n      content: '\\ec7d';\n    }\n    &:hover::before {\n      color: #42ae3c;\n    }\n  }\n  .qq {\n    top: 4px * $scaleSize;\n    &::before {\n      font-size: 2.8rem * $scaleSize;\n      content: '\\e61d';\n    }\n    &:hover::before {\n      color: #4f4e71;\n    }\n  }\n  .telegram {\n    top: 2.5px * $scaleSize;\n    &::before {\n      font-size: 2.6rem * $scaleSize;\n      content: '\\e731';\n    }\n    &:hover::before {\n      color: #36a1d3;\n    }\n  }\n  .weibo {\n    &::before {\n      font-size: 3.2rem * $scaleSize;\n      content: '\\e619';\n    }\n    &:hover::before {\n      color: #d52a2a;\n    }\n  }\n  .zhihu {\n    top: 3px * $scaleSize;\n    &::before {\n      font-size: 2.7rem * $scaleSize;\n      content: '\\e61a';\n    }\n    &:hover::before {\n      color: #0f88eb;\n    }\n  }\n  .douban {\n    top: 2px * $scaleSize;\n    &::before {\n      font-size: 2.5rem * $scaleSize;\n      content: '\\e605';\n    }\n    &:hover::before {\n      color: #007711;\n    }\n  }\n  .facebook {\n    top: 5px * $scaleSize;\n    &::before {\n      font-size: 3rem * $scaleSize;\n      content: '\\e67a';\n    }\n    &:hover::before {\n      color: #3b5998;\n    }\n  }\n  .twitter {\n    top: 2px * $scaleSize;\n    &::before {\n      content: '\\e634';\n    }\n    &:hover::before {\n      color: #1da1f2;\n    }\n  }\n  .instagram {\n    top: 4px * $scaleSize;\n    &::before {\n      content: '\\e79d';\n      font-size: 2.8rem * $scaleSize;\n    }\n    &:hover::before {\n      color: #8042b6;\n    }\n  }\n  .stack-overflow {\n    top: 1px * $scaleSize;\n    &::before {\n      font-size: 2.3rem * $scaleSize;\n      content: '\\e80b';\n    }\n    &:hover::before {\n      color: #f37f23;\n    }\n  }\n  .segmentFault {\n    top: 4px * $scaleSize;\n    &::before {\n      font-size: 3rem * $scaleSize;\n      content: '\\e60c';\n    }\n    &:hover::before {\n      color: #f37f23;\n    }\n  }\n  .juejin {\n    top: 1px * $scaleSize;\n    &::before {\n      font-size: 2.7rem * $scaleSize;\n      content: '\\e60b';\n    }\n    &:hover::before {\n      color: #f37f23;\n    }\n  }\n  .v2ex {\n    &::before {\n      font-size: 2.2rem * $scaleSize;\n      content: '\\e663';\n    }\n    &:hover::before {\n      color: #171718;\n    }\n  }\n  .bilibili {\n    top: 6px * $scaleSize;\n    &::before {\n      font-size: 3.5rem * $scaleSize;\n      content: '\\e64e';\n    }\n    &:hover::before {\n      color: #2cb2f9;\n    }\n  }\n  .linkedin {\n    top: -1px * $scaleSize;\n    &::before {\n      font-size: 2.5rem * $scaleSize;\n      content: '\\e695';\n    }\n    &:hover::before {\n      color: #0077b5;\n    }\n  }\n  .steam {\n    top: 2px * $scaleSize;\n    &::before {\n      font-size: 2.5rem * $scaleSize;\n      content: '\\f23b';\n    }\n    &:hover::before {\n      color: #010101;\n    }\n  }\n  .others {\n    top: -1px * $scaleSize;\n    &::before {\n      font-size: 2.2rem * $scaleSize;\n      content: '\\e64a';\n    }\n    &:hover::before {\n      color: #8090b0;\n    }\n  }\n  .rss {\n    &::before {\n      font-size: 2.1rem * $scaleSize;\n      content: '\\e652';\n    }\n    &:hover::before {\n      color: #e53935;\n    }\n  }\n}\n",".anchorjs-archer {\n  color: $feature-color-dark;\n}\n\n.article-entry {\n  background-color: $foreground-color-dark;\n}\n\n.abstract-content,\n.article-entry {\n  color: $post-content-color-dark;\n  blockquote {\n    background-color: #1e1e1e;\n    border-left-color: $feature-color-dark;\n  }\n  .table-container table,\n  > table {\n    border-color: #1e1e1e;\n    box-shadow: 2px 2px 2px rgba(255, 255, 255, 0.125);\n    thead {\n      tr {\n        background: #1e1e1e;\n      }\n    }\n    tbody {\n      tr:hover {\n        background: #242424;\n      }\n    }\n    td,\n    th {\n      border-color: #2a2a2a;\n    }\n  }\n  a {\n    color: $feature-color-dark;\n    &:hover {\n      border-bottom-color: $feature-color-dark;\n    }\n  }\n}\n\n.license-wrapper {\n  background-color: $foreground-color-dark;\n}\n\n.license-wrapper {\n  color: $post-content-color-dark;\n  a {\n    color: $feature-color-dark;\n  }\n}\n\n.toc-wrapper {\n  .toc-active {\n    color: $feature-color-dark;\n  }\n  a {\n    color: #777;\n  }\n  a:hover {\n    color: $feature-color-dark;\n  }\n}\n\n.toc-catalog {\n  &:hover {\n    color: $feature-color-dark;\n  }\n}\n\n.post-paginator {\n  .nextTitle,\n  .prevTitle {\n    color: $text-color-minor-dark;\n    &:hover {\n      color: $feature-color-dark;\n    }\n  }\n\n  .nextSlogan,\n  .prevSlogan {\n    color: $text-color-secondary-dark;\n  }\n}\n","$gt-color-main: $feature-color-dark;\n$gt-color-main-lighter: lighten($gt-color-main, 20%);\n$gt-color-btn: #ffffff;\n\n#gitalk-container {\n  * {\n    color: $post-content-color-dark;\n  }\n\n  a {\n    color: $gt-color-main !important;\n    &:hover {\n      color: $gt-color-main-lighter !important;\n      border-color: $gt-color-main-lighter !important;\n    }\n  }\n\n  .gt-svg svg {\n    fill: $gt-color-main !important;\n  }\n\n  .gt-spinner::before {\n    border-color: $gt-color-btn !important;\n    border-top-color: $gt-color-main !important;\n  }\n\n  .gt-btn {\n    background-color: $gt-color-main !important;\n    border-color: $gt-color-main !important;\n    color: $gt-color-btn !important;\n    &-login {\n      &:hover {\n        background-color: $gt-color-main-lighter !important;\n        border-color: $gt-color-main-lighter !important;\n      }\n    }\n    &-preview {\n      background-color: $gt-color-btn !important;\n      color: $gt-color-main !important;\n      &:hover {\n        background-color: darken($gt-color-btn, 5%) !important;\n        border-color: $gt-color-main-lighter !important;\n      }\n      .gt-btn-text {\n        color: $gt-color-main !important;\n      }\n    }\n    &-public {\n      &:hover {\n        background-color: $gt-color-main-lighter !important;\n        border-color: $gt-color-main-lighter !important;\n      }\n    }\n  }\n\n  .gt-link {\n    border-bottom-color: $gt-color-main !important;\n  }\n\n  .gt-user .is--poping .gt-ico svg {\n    fill: $gt-color-main !important;\n  }\n\n  .gt-popup .gt-action.is--active:before {\n    background: $gt-color-main !important;\n  }\n\n  .gt-header-controls-tip {\n    color: $gt-color-main !important;\n  }\n\n  .gt-comment-username {\n    color: $gt-color-main !important;\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["_variables.scss","_dark/_common-dark.scss","_dark/_partial/_partial/_footer-fixed-dark.scss","_dark/_partial/_partial/_footer-dark.scss","_dark/_partial/_partial/_header-dark.scss","_dark/_partial/_partial/_profile-dark.scss","_dark/_partial/_algolia-dark.scss","_dark/_partial/_post/_code-dark.scss","_dark/_partial/_sidebar/_sidebar-archive-dark.scss","_dark/_partial/_sidebar/_sidebar-tags-dark.scss","_dark/_partial/_sidebar/_sidebar-dark.scss","_dark/_partial/_index-page-dark.scss","_mixin.scss","_dark/_partial/_post-page-dark.scss","_dark/_partial/_comment/_gitalk-dark.scss"],"names":[],"mappings":"AAEA,MACE;;;;iEAAmB,CAKpB,WAsCC,6BAA8B,CAC9B,wDAAyD,CACzD,2TAKiB,CAGnB,iBACE,wCAAyC,CACzC,cAAe,CACf,iBAAkB,CAClB,kCAAmC,CACnC,iCAAkC,CACnC,KC7DC,wBDiBkC,CChBnC,mBAGC,wBDakC,CCZnC,WAGC,wBDSkC,CCRnC,iBAGC,kBDD0B,CCE1B,UDsB8B,CC1B/B,YAGC,kBDD0B,CCE1B,UDsB8B,CCrB/B,MAGC,mCAAoC,CACrC,UClBC,mCFsCiD,CErCjD,mCAAuC,CACvC,4BFoCiD,CEvCnD,gBAKI,uCFkC+C,CEjC/C,aFYgC,CEXjC,kBAID,UFK0B,CEJ1B,wBFMkC,CERpC,wBAII,UAAW,CACZ,QCdD,wBHiBkC,CGhBnC,aAIG,aHMwB,CGLzB,wDAKD,4BH6B+C,CG5BhD,eCZC,sCJuCkD,CItCnD,uBAGC,wBJO0B,CIN3B,QAGC,0CJ8BiD,CI7BjD,gCAAoC,CAFtC,sBAMM,4BJyB6C,CI/BnD,4BAQQ,aJJoB,CIJ5B,sBAeM,4BJgB6C,CI/BnD,qBAoBI,gCAAoC,CACrC,qBAID,iBJjB0B,CIkB1B,UJlB0B,CIgB5B,2BAII,qBJpBwB,CIqBxB,UAAW,CACZ,mCAKC,4BAA6B,CAC7B,aJhCwB,CIiCzB,2BAID,4BJViD,CIWjD,wBJhCkC,CIiClC,mCJZiD,CISnD,iCAKI,uCJd+C,CIe/C,aJpCgC,CIqCjC,mCAOK,aJlDoB,CImDrB,SC9DL,ULqG+B,CKpG/B,kCAAsC,CACvC,gBAGC,kCAAsC,CACvC,cAGC,UAAW,CACZ,gBAGC,kCAAsC,CACvC,SAGC,kCAAsC,CADxC,WAII,ULiF6B,CKrFjC,iBAMM,aLXsB,CKYvB,mBAKH,kCAAsC,CADxC,qBAII,ULsE6B,CK1EjC,2BAMM,aLtBsB,CKuBvB,OClCH,kBNiBkC,CMhBlC,aAAc,CACd,6CAAiD,CAClD,gBAGC,wBAAyB,CACzB,wBNW6B,CMV9B,4BAGC,4BN2BiD,CM1BlD,wBAIG,uBAAwB,CACxB,wBNC2B,CMA5B,uBAID,4BNgBiD,CMflD,iBAGC,aNf0B,CMgB3B,0BAMO,aNtBoB,CMuBrB,uBAOH,aN9BwB,CM+BzB,2CCxCC,kBAAmB,CACpB,yBCFC,yBRUwB,CQZ5B,yFAKM,aROsB,CQNvB,0BAMD,aRAwB,CQCzB,6BAKD,aRN0B,CQO3B,qDChBG,oBTSwB,CSRxB,aTQwB,CSPzB,qBAID,oBTG0B,CSF1B,aTE0B,CSD3B,qBCTG,wBVUwB,CUTzB,YCFD,wBXkB6B,CWjB7B,kBAAmB,CACpB,8BAIG,2BXiCgD,CWhCjD,gBAID,4BX2BiD,CW5BnD,sBAII,aXHwB,CWIzB,yCAMG,4BXmB2C,CWtBjD,+CAKQ,aXZoB,CWarB,oBAML,4BXU+C,CWXjD,sBAII,4BXO6C,CYvC/C,qCACE,UAAW,CACX,iBAAkB,CAClB,2BAAkC,CAClC,WAAY,CACZ,4BAA6B,CAC7B,SAPuC,CAQvC,UAR0B,CAS1B,yBAA0B,CAC1B,uCZ8B6C,CY7B7C,SAAU,CACX,2CAEC,4BAA6B,CAC7B,SAAU,CACX,oBD0BD,YAAa,CACd,iBE3CC,abW0B,CaV3B,eAGC,wBbc6B,Cab9B,iCAIC,4Bb6BiD,Ca/BnD,uDAII,wBAAyB,CACzB,yBbDwB,CaJ5B,4HASI,oBAAqB,CACrB,8CAAkD,CAVtD,gKAaQ,kBAAmB,CAb3B,wLAkBQ,kBAAmB,CAlB3B,gRAuBM,oBAAqB,CAvB3B,qCA2BI,abvBwB,CaJ5B,iDA6BM,2BbzBsB,Ca0BvB,iBAKH,wBbxB6B,CayB9B,iBAGC,4BbRiD,CaOnD,mBAGI,abrCwB,CasCzB,yBAKC,ab3CwB,CayC5B,eAKI,UAAW,CALf,qBAQI,abjDwB,CakDzB,mBAKC,abvDwB,CawDzB,sDAMC,4BbjC6C,Ca8BjD,kEAKM,abhEsB,Ca2D5B,wDAWI,2Bb1CgD,Ca2CjD,oBC7EC,4BdiC+C,CcnCnD,uKAUI,UAAW,CAVf,oBAcI,wBAAgC,CAdpC,0BAgBM,wBAAwC,CACxC,+BAA+C,CAjBrD,8BAsBI,uBAA+B,CAtBnC,sCA0BI,4BAAsC,CACtC,mCAA2C,CA3B/C,0BA+BI,mCAA2C,CAC3C,+BAAuC,CACvC,qBAA+B,CAjCnC,sCAoCQ,mCAAmD,CACnD,+BAA+C,CArCvD,kCAyCM,gCAA0C,CAC1C,wBAAgC,CA1CtC,wCA4CQ,mCAAsD,CACtD,+BAA+C,CA7CvD,+CAgDQ,wBAAgC,CAhDxC,uCAqDQ,mCAAmD,CACnD,+BAA+C,CAtDvD,2BA4DI,sCAA8C,CA5DlD,mDAgEI,uBAA+B,CAhEnC,yDAoEI,6BAAqC,CApEzC,0CAwEI,wBAAgC,CAxEpC,uCA4EI,wBAAgC","file":"dark.css","sourcesContent":["// You can change the following settings by yourself :-)\n\n:root {\n  --base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,\n    'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',\n    'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',\n    'Source Han Sans CN', 'Noto Sans SC', 'Source Han Sans TC',\n    'Noto Sans CJK TC', 'WenQuanYi Micro Hei', SimSun, sans-serif;\n}\n\n// ========== DIY ========== //\n$feature-color: #f75357;\n$feature-color-dark: #f75357; // Feature color in dark mode\n$code-theme: 'atom-one-dark'; // atom-one-dark or atom-one-light\n\n// ========== global variables ========== //\n$body-background-color: #fff;\n$foreground-color: #fdfdfd;\n$body-background-color-dark: #121212;\n$foreground-color-dark: #181818;\n$base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,\n  'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',\n  'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',\n  'Source Han Sans CN', 'Noto Sans SC', 'Source Han Sans TC', 'Noto Sans CJK TC',\n  'WenQuanYi Micro Hei', SimSun, sans-serif;\n$feature-font-family: 'Oswald-Regular', $base-font-family;\n$base-font-size: 16px !default;\n\n// ========== CSS Variables ========== //\n$base-font-family: var(--base-font-family);\n\n// ========== common ========== //\n$container-margin-top: 3rem;\n$selection-background-color: $feature-color;\n$selection-background-color-dark: $feature-color-dark;\n$selection-text-color: #eee;\n$selection-text-color-dark: snow;\n\n// ========= dark mode ========= //\n$text-color-primary-dark: rgba(255, 255, 255, 0.87);\n$text-color-secondary-dark: rgba(255, 255, 255, 0.6);\n$text-color-minor-dark: rgba(255, 255, 255, 0.38);\n$transition-animation: all 0.5s ease-out;\n\n// ========== iconfont ========== //\n@font-face {\n  font-family: 'iconfont-archer'; /* project id 327081 */\n  src: url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot');\n  src: url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix')\n      format('embedded-opentype'),\n    url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff') format('woff'),\n    url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf') format('truetype'),\n    url('//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer')\n      format('svg');\n}\n\n.iconfont-archer {\n  font-family: 'iconfont-archer' !important;\n  font-size: 1rem;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// ======= fixed footer ======= //\n$footer-fixed-height: 3.5rem;\n\n// ========== header ========== //\n$header-height: 3.5rem;\n$header-height-mobile: 3rem;\n$header-border-top-width: 3px;\n$header-border-top-color: rgba(0, 0, 0, 0.75);\n$header-border-top-color-dark: rgba(0, 0, 0, 0.75);\n$header-banner-text-color: #333;\n$header-banner-text-color-dark: $text-color-primary-dark;\n\n// ========= sidebar ========= //\n$sidebar-width: 400px;\n\n// ========== profile ========== //\n$profile-width: 200px;\n\n// ========== index ========== //\n$index-post-link-color: #1f1f1f;\n$index-post-link-color-dark: #ccc;\n$index-post-tag-color: #aaa;\n$index-post-tag-color-dark: $text-color-minor-dark;\n\n// ===== abstract content ===== //\n$abstract-content-title-color: #333;\n$abstract-content-title-color-dark: $text-color-primary-dark;\n$abstract-content-text-color: #585858;\n$abstract-content-text-color-dark: $text-color-secondary-dark;\n$abstract-post-meta-color: #aaa;\n$abstract-post-meta-color-dark: $text-color-minor-dark;\n\n// ========== post ========== //\n$post-content-color: #23394d;\n$post-content-color-dark: $text-color-primary-dark;\n\n// ========== social ========== //\n$social-iconfont-color: #777;\n$social-iconfont-color-dark: #777;\n\n// ========== code ========== //\n$code-color-map: (\n  'atom-one-light': (\n    base: #fafafa,\n    mono-1: #383a42,\n    mono-2: #686b77,\n    mono-3: #a0a1a7,\n    hue-1: #0184bb,\n    hue-2: #4078f2,\n    hue-3: #a626a4,\n    hue-4: #50a14f,\n    hue-5: #e45649,\n    hue-5-2: #c91243,\n    hue-6: #986801,\n    hue-6-2: #c18401,\n  ),\n  'atom-one-dark': (\n    base: #282c34,\n    mono-1: #abb2bf,\n    mono-2: #818896,\n    mono-3: #5c6370,\n    hue-1: #56b6c2,\n    hue-2: #61aeee,\n    hue-3: #c678dd,\n    hue-4: #98c379,\n    hue-5: #e06c75,\n    hue-5-2: #be5046,\n    hue-6: #d19a66,\n    hue-6-2: #e6c07b,\n  ),\n);\n@if not(map-has-key($code-color-map, $code-theme)) {\n  $code-theme: 'atom-one-dark';\n}\n$theme-colors: map-get($code-color-map, $code-theme);\n\n// ========== algolia-search ========== //\n$algolia-search-padding-horiz: 20px;\n","body {\n  background-color: $body-background-color-dark;\n}\n\n.background-holder {\n  background-color: $body-background-color-dark;\n}\n\n.container {\n  background-color: $body-background-color-dark;\n}\n\n::selection {\n  background: $selection-background-color-dark;\n  color: $selection-text-color-dark;\n}\n\n.note {\n  background-color: #1e1e1e !important;\n}\n",".back-top {\n  border-color: $text-color-primary-dark;\n  background-color: rgba(18, 18, 18, 0.8);\n  color: $text-color-primary-dark;\n  &:hover {\n    background-color: $text-color-primary-dark;\n    color: $body-background-color-dark;\n  }\n}\n\n.back-top-rounded {\n  color: $body-background-color;\n  background-color: $body-background-color-dark;\n  &:hover {\n    color: #333;\n  }\n}\n",".footer {\n  background-color: $body-background-color-dark;\n}\n\n.copyright {\n  a {\n    color: $feature-color-dark;\n  }\n}\n\n#busuanzi_container_site_pv,\n#busuanzi_container_site_uv {\n  color: $text-color-minor-dark;\n}\n",".read-progress {\n  background-color: $text-color-secondary-dark;\n}\n\n.read-progress-feature {\n  background-color: $feature-color-dark;\n}\n\n.banner {\n  border-bottom-color: $text-color-primary-dark;\n  background-color: rgba(0, 0, 0, 0.8);\n\n  .blog-title {\n    a {\n      color: $header-banner-text-color-dark;\n      &:hover {\n        color: $feature-color-dark;\n      }\n    }\n  }\n\n  .post-title {\n    a {\n      color: $header-banner-text-color-dark;\n    }\n  }\n\n  &.banner-clean {\n    background-color: rgba(0, 0, 0, 0.9);\n  }\n}\n\n.header-sidebar-menu {\n  border-color: $body-background-color;\n  color: $body-background-color;\n  &:hover {\n    background-color: $body-background-color;\n    color: #000;\n  }\n}\n\n.header-sidebar-menu-rounded {\n  &:hover {\n    background-color: transparent;\n    color: $feature-color-dark;\n  }\n}\n\n.header-sidebar-menu-black {\n  color: $text-color-primary-dark;\n  background-color: $body-background-color-dark;\n  border-color: $text-color-primary-dark;\n  &:hover {\n    background-color: $text-color-primary-dark;\n    color: $body-background-color-dark;\n  }\n}\n\n.header-actions {\n  .home-link {\n    a {\n      &:hover {\n        color: $feature-color-dark;\n      }\n    }\n  }\n}\n",".profile {\n  color: $social-iconfont-color-dark;\n  border-color: rgba(255, 255, 255, 0.1);\n}\n\n.profile-avatar {\n  border-color: rgba(255, 255, 255, 0.1);\n}\n\n.profile-name {\n  color: #ddd;\n}\n\n.profile-social {\n  border-color: rgba(255, 255, 255, 0.1);\n}\n\n.friends {\n  border-color: rgba(255, 255, 255, 0.1);\n\n  a {\n    color: $social-iconfont-color-dark;\n    &:hover {\n      color: $feature-color-dark;\n    }\n  }\n}\n\n.profile-link-item {\n  border-color: rgba(255, 255, 255, 0.1);\n\n  a {\n    color: $social-iconfont-color-dark;\n    &:hover {\n      color: $feature-color-dark;\n    }\n  }\n}\n",".popup {\n  background: $body-background-color-dark;\n  color: #e1e1e1;\n  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);\n}\n\n.algolia-search {\n  border-bottom-color: #222;\n  background-color: $foreground-color-dark;\n}\n\n.algolia-search-input input {\n  color: $text-color-primary-dark;\n}\n\n.algolia-hit-item {\n  &:hover {\n    border-bottom: 1px solid;\n    background-color: $foreground-color-dark;\n  }\n}\n\n.algolia-hit-item-link {\n  color: $text-color-primary-dark;\n}\n\n.popup-btn-close {\n  color: $feature-color-dark;\n}\n\n.algolia-hit {\n  &-item {\n    &-link {\n      em {\n        color: $feature-color-dark;\n      }\n    }\n  }\n}\n\n.ais-Pagination-item {\n  a {\n    color: $feature-color-dark;\n  }\n}\n",".abstract-content,\n.article-entry {\n  code {\n    background: #282c34;\n  }\n}\n",".archive-post-item {\n  &:hover {\n    border-left-color: $feature-color-dark;\n    .archive-post-date,\n    .archive-post-title {\n      color: $feature-color-dark;\n    }\n  }\n}\n\n.site-search {\n  .search-icon {\n    color: $feature-color-dark;\n  }\n}\n\n.archive-year,\n.total-archive {\n  color: $feature-color-dark;\n}\n",".sidebar-tag-name,\n.sidebar-category-name {\n  &:hover {\n    border-color: $feature-color-dark;\n    color: $feature-color-dark;\n  }\n}\n\n.sidebar-label-focus {\n  border-color: $feature-color-dark;\n  color: $feature-color-dark;\n}\n",".sidebar-tabs {\n  &::after {\n    background-color: $feature-color-dark;\n  }\n}\n",".index-post {\n  background-color: $foreground-color-dark;\n  margin-bottom: 1rem;\n}\n\n.index-post {\n  .abstract-content {\n    color: $abstract-content-text-color-dark;\n  }\n}\n\n.abstract-title {\n  color: $abstract-content-title-color-dark;\n\n  &:hover {\n    color: $feature-color-dark;\n  }\n}\n\n.index-post {\n  .abstract-read-more-button {\n    a {\n      color: $abstract-post-meta-color-dark;\n      &:hover {\n        color: $feature-color-dark;\n      }\n    }\n  }\n}\n\n.abstract-post-meta {\n  color: $abstract-post-meta-color-dark;\n\n  a {\n    color: $abstract-post-meta-color-dark;\n  }\n\n  .post-tag {\n    @include hover-line($color: $abstract-post-meta-color-dark);\n  }\n}\n\n.index-post-divider {\n  display: none;\n}\n","// ========== hover ========== //\n@mixin hover-line($height: 2px, $width: 98%, $color: $feature-color) {\n  &::after {\n    content: '';\n    position: absolute;\n    left: calc((100% - #{$width}) / 2);\n    bottom: -15%;\n    transition: all 0.15s ease-in;\n    width: $width;\n    height: $height;\n    transform: translate(0, 0);\n    background-color: $color;\n    opacity: 0;\n  }\n  &:hover::after {\n    transform: translate(0, -2px);\n    opacity: 1;\n  }\n}\n\n// ========== social style ========== //\n@mixin social($scaleSize, $spanMargin) {\n  .iconfont-archer {\n    display: inline-block;\n    text-align: center;\n  }\n  .iconfont-archer::before {\n    display: inline-block;\n    color: $social-iconfont-color;\n    font-size: 3rem * $scaleSize;\n    margin: 0 $spanMargin 0 0;\n  }\n  .iconfont-archer:last-of-child::before {\n    margin: 0;\n  }\n  .email {\n    top: 4px * $scaleSize;\n    &::before {\n      content: '\\e642';\n    }\n    &:hover::before {\n      color: #0cb49d;\n    }\n  }\n  .github {\n    &::before {\n      font-size: 3.2rem * $scaleSize;\n      content: '\\e69f';\n    }\n    &:hover::before {\n      color: #24292e;\n    }\n  }\n  .wechat {\n    top: 4px * $scaleSize;\n    &::before {\n      font-size: 2.8rem * $scaleSize;\n      content: '\\ec7d';\n    }\n    &:hover::before {\n      color: #42ae3c;\n    }\n  }\n  .qq {\n    top: 4px * $scaleSize;\n    &::before {\n      font-size: 2.8rem * $scaleSize;\n      content: '\\e61d';\n    }\n    &:hover::before {\n      color: #4f4e71;\n    }\n  }\n  .telegram {\n    top: 2.5px * $scaleSize;\n    &::before {\n      font-size: 2.6rem * $scaleSize;\n      content: '\\e731';\n    }\n    &:hover::before {\n      color: #36a1d3;\n    }\n  }\n  .weibo {\n    &::before {\n      font-size: 3.2rem * $scaleSize;\n      content: '\\e619';\n    }\n    &:hover::before {\n      color: #d52a2a;\n    }\n  }\n  .zhihu {\n    top: 3px * $scaleSize;\n    &::before {\n      font-size: 2.7rem * $scaleSize;\n      content: '\\e61a';\n    }\n    &:hover::before {\n      color: #0f88eb;\n    }\n  }\n  .douban {\n    top: 2px * $scaleSize;\n    &::before {\n      font-size: 2.5rem * $scaleSize;\n      content: '\\e605';\n    }\n    &:hover::before {\n      color: #007711;\n    }\n  }\n  .facebook {\n    top: 5px * $scaleSize;\n    &::before {\n      font-size: 3rem * $scaleSize;\n      content: '\\e67a';\n    }\n    &:hover::before {\n      color: #3b5998;\n    }\n  }\n  .twitter {\n    top: 2px * $scaleSize;\n    &::before {\n      content: '\\e634';\n    }\n    &:hover::before {\n      color: #1da1f2;\n    }\n  }\n  .instagram {\n    top: 4px * $scaleSize;\n    &::before {\n      content: '\\e79d';\n      font-size: 2.8rem * $scaleSize;\n    }\n    &:hover::before {\n      color: #8042b6;\n    }\n  }\n  .stack-overflow {\n    top: 1px * $scaleSize;\n    &::before {\n      font-size: 2.3rem * $scaleSize;\n      content: '\\e80b';\n    }\n    &:hover::before {\n      color: #f37f23;\n    }\n  }\n  .segmentFault {\n    top: 4px * $scaleSize;\n    &::before {\n      font-size: 3rem * $scaleSize;\n      content: '\\e60c';\n    }\n    &:hover::before {\n      color: #f37f23;\n    }\n  }\n  .juejin {\n    top: 1px * $scaleSize;\n    &::before {\n      font-size: 2.7rem * $scaleSize;\n      content: '\\e60b';\n    }\n    &:hover::before {\n      color: #f37f23;\n    }\n  }\n  .v2ex {\n    &::before {\n      font-size: 2.2rem * $scaleSize;\n      content: '\\e663';\n    }\n    &:hover::before {\n      color: #171718;\n    }\n  }\n  .bilibili {\n    top: 6px * $scaleSize;\n    &::before {\n      font-size: 3.5rem * $scaleSize;\n      content: '\\e64e';\n    }\n    &:hover::before {\n      color: #2cb2f9;\n    }\n  }\n  .linkedin {\n    top: -1px * $scaleSize;\n    &::before {\n      font-size: 2.5rem * $scaleSize;\n      content: '\\e695';\n    }\n    &:hover::before {\n      color: #0077b5;\n    }\n  }\n  .steam {\n    top: 2px * $scaleSize;\n    &::before {\n      font-size: 2.5rem * $scaleSize;\n      content: '\\f23b';\n    }\n    &:hover::before {\n      color: #010101;\n    }\n  }\n  .others {\n    top: -1px * $scaleSize;\n    &::before {\n      font-size: 2.2rem * $scaleSize;\n      content: '\\e64a';\n    }\n    &:hover::before {\n      color: #8090b0;\n    }\n  }\n  .rss {\n    &::before {\n      font-size: 2.1rem * $scaleSize;\n      content: '\\e652';\n    }\n    &:hover::before {\n      color: #e53935;\n    }\n  }\n}\n",".anchorjs-archer {\n  color: $feature-color-dark;\n}\n\n.article-entry {\n  background-color: $foreground-color-dark;\n}\n\n.abstract-content,\n.article-entry {\n  color: $post-content-color-dark;\n  blockquote {\n    background-color: #1e1e1e;\n    border-left-color: $feature-color-dark;\n  }\n  .table-container table,\n  > table {\n    border-color: #1e1e1e;\n    box-shadow: 2px 2px 2px rgba(255, 255, 255, 0.125);\n    thead {\n      tr {\n        background: #1e1e1e;\n      }\n    }\n    tbody {\n      tr:hover {\n        background: #242424;\n      }\n    }\n    td,\n    th {\n      border-color: #2a2a2a;\n    }\n  }\n  a {\n    color: $feature-color-dark;\n    &:hover {\n      border-bottom-color: $feature-color-dark;\n    }\n  }\n}\n\n.license-wrapper {\n  background-color: $foreground-color-dark;\n}\n\n.license-wrapper {\n  color: $post-content-color-dark;\n  a {\n    color: $feature-color-dark;\n  }\n}\n\n.toc-wrapper {\n  .toc-active {\n    color: $feature-color-dark;\n  }\n  a {\n    color: #777;\n  }\n  a:hover {\n    color: $feature-color-dark;\n  }\n}\n\n.toc-catalog {\n  &:hover {\n    color: $feature-color-dark;\n  }\n}\n\n.post-paginator {\n  .nextTitle,\n  .prevTitle {\n    color: $text-color-minor-dark;\n    &:hover {\n      color: $feature-color-dark;\n    }\n  }\n\n  .nextSlogan,\n  .prevSlogan {\n    color: $text-color-secondary-dark;\n  }\n}\n","$gt-color-main: $feature-color-dark;\n$gt-color-main-lighter: lighten($gt-color-main, 20%);\n$gt-color-btn: #ffffff;\n\n#gitalk-container {\n  * {\n    color: $post-content-color-dark;\n  }\n\n  textarea,\n  .gt-header-preview *,\n  .gt-comment-content *,\n  .gt-action *,\n  .gt-version {\n    color: #333;\n  }\n\n  a {\n    color: $gt-color-main !important;\n    &:hover {\n      color: $gt-color-main-lighter !important;\n      border-color: $gt-color-main-lighter !important;\n    }\n  }\n\n  .gt-svg svg {\n    fill: $gt-color-main !important;\n  }\n\n  .gt-spinner::before {\n    border-color: $gt-color-btn !important;\n    border-top-color: $gt-color-main !important;\n  }\n\n  .gt-btn {\n    background-color: $gt-color-main !important;\n    border-color: $gt-color-main !important;\n    color: $gt-color-btn !important;\n    &-login {\n      &:hover {\n        background-color: $gt-color-main-lighter !important;\n        border-color: $gt-color-main-lighter !important;\n      }\n    }\n    &-preview {\n      background-color: $gt-color-btn !important;\n      color: $gt-color-main !important;\n      &:hover {\n        background-color: darken($gt-color-btn, 5%) !important;\n        border-color: $gt-color-main-lighter !important;\n      }\n      .gt-btn-text {\n        color: $gt-color-main !important;\n      }\n    }\n    &-public {\n      &:hover {\n        background-color: $gt-color-main-lighter !important;\n        border-color: $gt-color-main-lighter !important;\n      }\n    }\n  }\n\n  .gt-link {\n    border-bottom-color: $gt-color-main !important;\n  }\n\n  .gt-user .is--poping .gt-ico svg {\n    fill: $gt-color-main !important;\n  }\n\n  .gt-popup .gt-action.is--active:before {\n    background: $gt-color-main !important;\n  }\n\n  .gt-header-controls-tip {\n    color: $gt-color-main !important;\n  }\n\n  .gt-comment-username {\n    color: $gt-color-main !important;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/src/scss/_dark/_partial/_comment/_gitalk-dark.scss b/src/scss/_dark/_partial/_comment/_gitalk-dark.scss
index fed26e87..f7d0237c 100644
--- a/src/scss/_dark/_partial/_comment/_gitalk-dark.scss
+++ b/src/scss/_dark/_partial/_comment/_gitalk-dark.scss
@@ -7,6 +7,14 @@ $gt-color-btn: #ffffff;
     color: $post-content-color-dark;
   }
 
+  textarea,
+  .gt-header-preview *,
+  .gt-comment-content *,
+  .gt-action *,
+  .gt-version {
+    color: #333;
+  }
+
   a {
     color: $gt-color-main !important;
     &:hover {