weibo-dark

为新版新浪微博页面增加深色模式
换行
/* ==UserStyle==
@name           weibo-dark
@namespace      tolking-usercss
@version        1.0.2
@description    为新版新浪微博页面增加深色模式
@author         tolking <[email protected]> (https://ououe.com)
@homepageURL		https://github.com/tolking/usercss/tree/master/weibo-dark
@supportURL			https://github.com/tolking/usercss/issues
@license				MIT
@preprocessor		stylus
@var select theme "选择默认主题" ["auto:跟随系统", "dark:深色"]
==/UserStyle== */
@-moz-document domain("weibo.com") {
  if theme == auto {
    @media(prefers-color-scheme:dark) {
  :root {
    --weibo-top-nav-logo-color: #e2e2e2;
    --weibo-top-nav-configs-bg: rgba(20,20,20,0.3);
    --weibo-top-nav-configs-bg-hover: rgba(20,20,20,0.5);
    --weibo-top-nav-configs-color: var(--w-main);
    --weibo-top-nav-search-bg: rgba(20,20,20,0.3);
    --card-border-color: var(--w-color-gray-6);
    --card-divider-color: var(--w-color-gray-9);
    --vote-skin-bg-o: #262626;
    --w-dividing-line2: var(--w-color-gray-6);
    --frame-background: #25272a;
    --card-bottom-divider-color: var(--w-color-gray-6);
    --w-color-light: #2a2a2a;
    --w-color-gray-1: #e2e2e2;
    --w-color-gray-2: #bababa;
    --w-color-gray-3: #adadad;
    --w-color-gray-6: #3b3b3b;
    --w-color-gray-8: #444;
    --w-color-gray-9: #313131;
    --w-main: var(--w-color-gray-1);
    --w-sub: var(--w-color-gray-2);
    --w-contrast: #fff;
    --w-repost-background: var(--w-color-gray-9);
    --w-card-background: var(--w-color-light);
    --w-input-background: #2f2f2f;
    --w-dividing-line: var(--w-color-gray-6);
    --w-layer-border: var(--w-color-gray-8);
    --w-pop-item-hover: var(--w-color-gray-9);
    --w-panel-background: var(--w-card-background);
    --w-badge-text: #e2e2e2;
    --w-badge-border-color: transparent;
    --w-b-flat-primary: #fff;
    --star-card-divider-color: var(--card-divider-color);
  }
  body,
  html {
    background-color: var(--frame-background);
  }
  .morepop_action_bk3Fq,
  .woo-button-main.white {
    color: var(--w-main);
  }
  .Feed_retweet_JqZJb,
  .card-link_wrap_1ktKS {
    background-color: var(--vote-skin-bg-o);
  }
  .Index_right_box_1-rX8 {
    background-color: var(--w-color-light);
  }
  .ProfileHeader_tag_2Ku6K {
    background-color: var(--card-hover-color);
  }
  .Index_title_3W-Ol {
    color: var(--c-main);
  }
  .Ctrls_icon_2mxB4 {
    color: var(--weibo-top-nav-logo-color);
  }
  .Bar_main_R1N5v,
  .LeftNav_inner_tEFee,
  .Card_wrap_2ibWe,
  .title_titleBox_3bh5X {
    border-color: var(--w-color-gray-6) !important;
  }
  }
	} else {
  :root {
    --weibo-top-nav-logo-color: #e2e2e2;
    --weibo-top-nav-configs-bg: rgba(20,20,20,0.3);
    --weibo-top-nav-configs-bg-hover: rgba(20,20,20,0.5);
    --weibo-top-nav-configs-color: var(--w-main);
    --weibo-top-nav-search-bg: rgba(20,20,20,0.3);
    --card-border-color: var(--w-color-gray-6);
    --card-divider-color: var(--w-color-gray-9);
    --vote-skin-bg-o: #262626;
    --w-dividing-line2: var(--w-color-gray-6);
    --frame-background: #25272a;
    --card-bottom-divider-color: var(--w-color-gray-6);
    --w-color-light: #2a2a2a;
    --w-color-gray-1: #e2e2e2;
    --w-color-gray-2: #bababa;
    --w-color-gray-3: #adadad;
    --w-color-gray-6: #3b3b3b;
    --w-color-gray-8: #444;
    --w-color-gray-9: #313131;
    --w-main: var(--w-color-gray-1);
    --w-sub: var(--w-color-gray-2);
    --w-contrast: #fff;
    --w-repost-background: var(--w-color-gray-9);
    --w-card-background: var(--w-color-light);
    --w-input-background: #2f2f2f;
    --w-dividing-line: var(--w-color-gray-6);
    --w-layer-border: var(--w-color-gray-8);
    --w-pop-item-hover: var(--w-color-gray-9);
    --w-panel-background: var(--w-card-background);
    --w-badge-text: #e2e2e2;
    --w-badge-border-color: transparent;
    --w-b-flat-primary: #fff;
    --star-card-divider-color: var(--card-divider-color);
  }
  body,
  html {
    background-color: var(--frame-background);
  }
  .morepop_action_bk3Fq,
  .woo-button-main.white {
    color: var(--w-main);
  }
  .Feed_retweet_JqZJb,
  .card-link_wrap_1ktKS {
    background-color: var(--vote-skin-bg-o);
  }
  .Index_right_box_1-rX8 {
    background-color: var(--w-color-light);
  }
  .ProfileHeader_tag_2Ku6K {
    background-color: var(--card-hover-color);
  }
  .Index_title_3W-Ol {
    color: var(--c-main);
  }
  .Ctrls_icon_2mxB4 {
    color: var(--weibo-top-nav-logo-color);
  }
  .Bar_main_R1N5v,
  .LeftNav_inner_tEFee,
  .Card_wrap_2ibWe,
  .title_titleBox_3bh5X {
    border-color: var(--w-color-gray-6) !important;
  }
  }
}