hexo-theme-next/source/css/_common/components/third-party/disqusjs.styl

Elegant and powerful theme for Hexo.

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);
    }
  }
}