为新版新浪微博页面增加深色模式
/* ==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; } } }
