☰

weibo-dark

为新版新浪微博页面增加深色模式

  1. /* ==UserStyle==
  2. @name           weibo-dark
  3. @namespace      tolking-usercss
  4. @version        1.0.2
  5. @description    为新版新浪微博页面增加深色模式
  6. @author         tolking <qw13131wang@gmail.com> (https://ououe.com)
  7. @homepageURL		https://github.com/tolking/usercss/tree/master/weibo-dark
  8. @supportURL			https://github.com/tolking/usercss/issues
  9. @license				MIT
  10. @preprocessor		stylus
  11. @var select theme "选择默认主题" ["auto:跟随系统", "dark:深色"]
  12. ==/UserStyle== */
  13. @-moz-document domain("weibo.com") {
  14.   if theme == auto {
  15.     @media(prefers-color-scheme:dark) {
  16.   :root {
  17.     --weibo-top-nav-logo-color: #e2e2e2;
  18.     --weibo-top-nav-configs-bg: rgba(20,20,20,0.3);
  19.     --weibo-top-nav-configs-bg-hover: rgba(20,20,20,0.5);
  20.     --weibo-top-nav-configs-color: var(--w-main);
  21.     --weibo-top-nav-search-bg: rgba(20,20,20,0.3);
  22.     --card-border-color: var(--w-color-gray-6);
  23.     --card-divider-color: var(--w-color-gray-9);
  24.     --vote-skin-bg-o: #262626;
  25.     --w-dividing-line2: var(--w-color-gray-6);
  26.     --frame-background: #25272a;
  27.     --card-bottom-divider-color: var(--w-color-gray-6);
  28.     --w-color-light: #2a2a2a;
  29.     --w-color-gray-1: #e2e2e2;
  30.     --w-color-gray-2: #bababa;
  31.     --w-color-gray-3: #adadad;
  32.     --w-color-gray-6: #3b3b3b;
  33.     --w-color-gray-8: #444;
  34.     --w-color-gray-9: #313131;
  35.     --w-main: var(--w-color-gray-1);
  36.     --w-sub: var(--w-color-gray-2);
  37.     --w-contrast: #fff;
  38.     --w-repost-background: var(--w-color-gray-9);
  39.     --w-card-background: var(--w-color-light);
  40.     --w-input-background: #2f2f2f;
  41.     --w-dividing-line: var(--w-color-gray-6);
  42.     --w-layer-border: var(--w-color-gray-8);
  43.     --w-pop-item-hover: var(--w-color-gray-9);
  44.     --w-panel-background: var(--w-card-background);
  45.     --w-badge-text: #e2e2e2;
  46.     --w-badge-border-color: transparent;
  47.     --w-b-flat-primary: #fff;
  48.     --star-card-divider-color: var(--card-divider-color);
  49.   }
  50.   body,
  51.   html {
  52.     background-color: var(--frame-background);
  53.   }
  54.   .morepop_action_bk3Fq,
  55.   .woo-button-main.white {
  56.     color: var(--w-main);
  57.   }
  58.   .Feed_retweet_JqZJb,
  59.   .card-link_wrap_1ktKS {
  60.     background-color: var(--vote-skin-bg-o);
  61.   }
  62.   .Index_right_box_1-rX8 {
  63.     background-color: var(--w-color-light);
  64.   }
  65.   .ProfileHeader_tag_2Ku6K {
  66.     background-color: var(--card-hover-color);
  67.   }
  68.   .Index_title_3W-Ol {
  69.     color: var(--c-main);
  70.   }
  71.   .Ctrls_icon_2mxB4 {
  72.     color: var(--weibo-top-nav-logo-color);
  73.   }
  74.   .Bar_main_R1N5v,
  75.   .LeftNav_inner_tEFee,
  76.   .Card_wrap_2ibWe,
  77.   .title_titleBox_3bh5X {
  78.     border-color: var(--w-color-gray-6) !important;
  79.   }
  80.   }
  81. 	} else {
  82.   :root {
  83.     --weibo-top-nav-logo-color: #e2e2e2;
  84.     --weibo-top-nav-configs-bg: rgba(20,20,20,0.3);
  85.     --weibo-top-nav-configs-bg-hover: rgba(20,20,20,0.5);
  86.     --weibo-top-nav-configs-color: var(--w-main);
  87.     --weibo-top-nav-search-bg: rgba(20,20,20,0.3);
  88.     --card-border-color: var(--w-color-gray-6);
  89.     --card-divider-color: var(--w-color-gray-9);
  90.     --vote-skin-bg-o: #262626;
  91.     --w-dividing-line2: var(--w-color-gray-6);
  92.     --frame-background: #25272a;
  93.     --card-bottom-divider-color: var(--w-color-gray-6);
  94.     --w-color-light: #2a2a2a;
  95.     --w-color-gray-1: #e2e2e2;
  96.     --w-color-gray-2: #bababa;
  97.     --w-color-gray-3: #adadad;
  98.     --w-color-gray-6: #3b3b3b;
  99.     --w-color-gray-8: #444;
  100.     --w-color-gray-9: #313131;
  101.     --w-main: var(--w-color-gray-1);
  102.     --w-sub: var(--w-color-gray-2);
  103.     --w-contrast: #fff;
  104.     --w-repost-background: var(--w-color-gray-9);
  105.     --w-card-background: var(--w-color-light);
  106.     --w-input-background: #2f2f2f;
  107.     --w-dividing-line: var(--w-color-gray-6);
  108.     --w-layer-border: var(--w-color-gray-8);
  109.     --w-pop-item-hover: var(--w-color-gray-9);
  110.     --w-panel-background: var(--w-card-background);
  111.     --w-badge-text: #e2e2e2;
  112.     --w-badge-border-color: transparent;
  113.     --w-b-flat-primary: #fff;
  114.     --star-card-divider-color: var(--card-divider-color);
  115.   }
  116.   body,
  117.   html {
  118.     background-color: var(--frame-background);
  119.   }
  120.   .morepop_action_bk3Fq,
  121.   .woo-button-main.white {
  122.     color: var(--w-main);
  123.   }
  124.   .Feed_retweet_JqZJb,
  125.   .card-link_wrap_1ktKS {
  126.     background-color: var(--vote-skin-bg-o);
  127.   }
  128.   .Index_right_box_1-rX8 {
  129.     background-color: var(--w-color-light);
  130.   }
  131.   .ProfileHeader_tag_2Ku6K {
  132.     background-color: var(--card-hover-color);
  133.   }
  134.   .Index_title_3W-Ol {
  135.     color: var(--c-main);
  136.   }
  137.   .Ctrls_icon_2mxB4 {
  138.     color: var(--weibo-top-nav-logo-color);
  139.   }
  140.   .Bar_main_R1N5v,
  141.   .LeftNav_inner_tEFee,
  142.   .Card_wrap_2ibWe,
  143.   .title_titleBox_3bh5X {
  144.     border-color: var(--w-color-gray-6) !important;
  145.   }
  146.   }
  147. }