Skip to content

weibo.com - 暗黑 by onerxxx

Details

Authoronerxxx

LicenseNo License

CategoryDark theme for weibo.com

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for weibo.com

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         weibo.com - 暗黑
@version      20210923.02.26
@namespace    userstyles.world/user/onerxxx
@description  Dark theme for weibo.com
@author       onerxxx
@license      No License
==/UserStyle== */

@-moz-document domain("weibo.com") {
::selection
{
	color: #ebebeb;
	background-color: #124dac;
}

.toolbar_wrap_np6Ug:hover .toolbar_wrap_np6Ug
{
	color: #13a95a !important;
}

.toolbar_wrap_np6Ug:hover .toolbar_iconWrap_3-rI7
{
	background-color: #4bf29a1c !important;
}

.toolbar_likebox_1rLfZ:hover .toolbar_btn_Cg9tz
{
	color: #f74574 !important;
}

.woo-like-main:not(:disabled):hover, .woo-like-main:not(:disabled):hover .woo-like-count
{
	color: #f74574 !important;
}

.toolbar_likebox_1rLfZ:hover .toolbar_btn_Cg9tz :before
{
	background-color: #e81c712e !important;
}
.wbpro-side-panel:hover .wbpro-textcut {
/* 	font-weight: 600 !important; */
	color: #eee;
			transition: all 0.2s ease-in;
}
::-webkit-scrollbar
{
	display: none;
}

.ProfileHeader_pic_2Coeq
{
	height: 200px;
}

html
{
	font-family: harmonyos sans sc;
	zoom: 1.05;
}
input{
		font-family: harmonyos sans sc;
	font-weight: 500
}

.Card_wrap_2ibWe
{
	border-radius: 3px !important;
}

.woo-icon-skin, .woo-icon-main
{
	color: #ff141400;
	zoom: 0.95;
}

.wbpro-side-card4.wbpro-side-panel.wbpro-side-hover
{
	zoom: 0.85;
}

div
{
	font-weight: 500;
}

.NavItem_cur_2ercx
{
	font-weight: 500 !important;
	/* 	font-style: italic; */
}

#app > div.woo-box-flex.woo-box-alignCenter.woo-box-justifyCenter.woo-modal-wrap.woo-modal-scroll.ModalPublish_container_PIMLG
{
	overflow-y: hidden;
}



button[title="发微博"]:hover #homeWrap > div.woo-panel-main.woo-panel-top.woo-panel-right.woo-panel-bottom.woo-panel-left.Card_wrap_2ibWe.Card_bottomGap_2Xjqi
{
	display: none !important;
}

.Side_posSticky_2J8TW
{
	/*侧边div适配窗口*/
	width: calc(230px + 2vw) !important;
	/* 	transition: all 0.6s cubic-bezier(0.6, -0.28, 0.74, 0.05); */


}

.Main_full_1dfQX/*div适配窗口*/

{
	width: calc(570px + 3vw) !important;
	/* 	transition: all 0.6s cubic-bezier(0.6, -0.28, 0.74, 0.05); */
}

.Nav_bar_2PJCD
{
	width: 228px;
	margin-left: calc(850px + 3vw);
	/* 		transition: all 0.6s cubic-bezier(0.6, -0.28, 0.74, 0.05);
 */
}

.Nav_mid_5pisP
{
	width: 670px;
}

.Nav_right_pDw0F
{
	width: 270px;
	margin-left: 0px;
}


.wbpro-layer
{
	margin: 200px !important;
}

.wbpro-form.focus
{
	border-color: #375cb5 !important;
}

.Nav_main_UAKJF
{
	max-width: 1200px !important;
	transition: all 0.6s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

.Nav_configs_3wGfu
{
	margin-right: -160px;
}

path[fill="#FFF"]
{
	fill: #282748;
}

path[fill="#77C2F9"]
{
	fill: #3694ff;
}

.woo-badge-main
{
	color: #eaeaea !important;
	padding: 0 .3rem 0 0rem !important;
}

.title_title_1DVuO
{
	font-weight: 600;
}

#app > div.woo-box-flex.woo-box-column.Frame_wrap_3g67Q > div.Frame_top_2ybWw > div > div.Nav_wrap_gHB1a > div > div > div.woo-box-flex.woo-box-alignCenter.woo-box-justifyCenter.Nav_mid_5pisP > div > div.woo-box-flex.woo-tab-nav > a:nth-child(1) > div > div:nth-child(1) > div > div > span
{
	left: 23px !important;
}

.Pub_wrap_2V6Wk
{
	background: linear-gradient( 120deg, #4288d2, #135470) !important;
}

.woo-badge-msg
{
	padding-left: 3px;
	padding-right: 4px;
	height: 25px !important;
}

.detail_wbtext_4CRf9
{
	max-width: 99%;
}

.card-vote_item_2DnGF.card-vote_curr_2pInw, .card-vote_itemHover_1BifD:hover
{
	border-color: #eb735000!important;
	background: linear-gradient( 190deg, #329290, #25627d) !important;
}

.IconVip_icon_2tjdp, .VideoList_box_qmt1n, .IconFans_fansin_1-45n
{
	/*称号图标隐藏*/
	display: none;
}

.Frame_content_3XrxZ
{
	max-width: 1160px;
	margin: auto;
}

.AfterPatch_bg_34rqc, .wbpro-side-main > div:last-child:not(.wbpro-side-main) .wbpro-side:last-child
{
	display: none;
}

.card-link_title_1v5fP, .ProfileHeader_name_1KbBs
{
	font-weight: 700;
}

.WB_miniblog
{
	background-color: #272728 !important;
	background: url();
}

#app > div.woo-box-flex.woo-box-column.Frame_wrap_3g67Q > div.Frame_top_2ybWw > div > div.Nav_wrap_gHB1a > div > div > div.woo-box-flex.woo-box-alignCenter.woo-box-justifyCenter.Nav_mid_5pisP > div > div.woo-box-flex.woo-tab-nav > a:nth-child(2), #app > div.woo-box-flex.woo-box-column.Frame_wrap_3g67Q > div.Frame_top_2ybWw > div > div.Nav_wrap_gHB1a > div > div > div.woo-box-flex.woo-box-alignCenter.woo-box-justifyCenter.Nav_mid_5pisP > div > div.woo-box-flex.woo-tab-nav > a:nth-child(3)
{
	/*导航图标隐藏*/
	display: none;
}

.Nav_left_cbXXA
{
	border-radius: 50% !important;
	width: 160px;
	margin-right: 10px;
}

.wbpro-side-card7 .con
{
	height: 2.5rem !important;
}

.woo-button-simple.woo-button-default, .wbpro-form input, .wbpro-form textarea
{
	font-weight: 500;
	font-size: 13.5px;
}

div.wbpro-side-card7 > div:nth-child(n + 12)
{
	/*热搜显示数量*/
	display: none !important;
}

.clb.wbpro-textcut, .cla.wbpro-textcut
{
	font-size: 13.5px;
	line-height: 19px;
}

.Frame_content_3XrxZ
{
	padding-right: 20px;
}

.Side_posSticky_2J8TW
{
	position: fixed !important;
	top: 55px !important;
}

/*pic viewer youhua*/
#nprogress .bar
{
	background: #0139;
	height: 0.6%;
	border-radius: 0;
	z-index: 999999;
	box-shadow: none;
}

.picture_pic_eLDxR
{
	border-radius: 6px;
}

#nprogress .bar div
{
	display: none;
}

img[style="filter: blur(1px);"]
{
	display: none;
}

.wbp-video .wbpv-play-progress
{
	/*video color*/
	background: var(--w-brand) !important;
}

.Links_item_ZuBMD, .Links_wrap_mrA8a
{
	display: none;
}

.index_box_MkWee
{
	/*main input*/
	padding: 14px 12px 10px;
}

.wbpro-form.error, .wbpro-form.focus
{
	background: #222;
}

.Home_btn_2Gdgr
{
	background: #f9f9f900;
}

.wbpro-side .cla
{
	color: #c9c9c6;
}

.wbpro-side .clb
{
	color: #7b7b7b !important;
}

:root[data-theme=dark]
{
	--feed-picture-tag-bg: #144ad0;
	/*theme color*/
	--w-pop-item-hover: #6088df33;
	--w-b-line-primary-bg-hover: #6088df33;
	--w-hover: #6093df33;
	--w-card-border: #f000;
	--w-card-background: #1b1c1d;
	--w-retweet-background: #101111;
	--w-tip-warn-bg: #39283466;
	--feed-inner-gap: 20px;
	--w-layer-border: #0000004d;
	--w-alink: #6c91dc;
	--w-tip-warn: #777;
	--feed-detail-re-font-size: 13px;
	/*     --w-gap: 0.5 rem ; */
}

:root
{
	/*highlight color*/
	--w-button-round: 2rem;
	--w-brand: #2c80d5 !important;
	--w-brand-hover: #db1f2f !important;
	--feed-title-font-size: 13px;
	--w-border-radius: 0.5rem;
	--w-b-line-default-bg-hover: rgb(92 64 64 / 66%);
}
.wbpro-icon-search-tp1{
	    background: var(--w-brand-hover);
}
.Index_backButton_3Yh5-, .woo-button-line.woo-button-primary {
    color: #9b9b9b !important;
}
.wbpro-tab2 .wbpro-textcut:hover, .NavItem_main_2hs9r:hover, .NavItem_main_2hs9r:hover .NavItem_icon_1tzN0
{
	/* :hover后加某元素 可以使特定元素在hover后变换样式*/
	color: #ddd !important;
	transition: all 0.2s ease-in;
}

.Selector_c2t1_1C7Bf
{
	background: var(--w-brand);
}

.wbpro-list .text, .woo-checkbox-text, .wbpro-tab3 .curr, .wbpro-tab3 .item/*comment*/

{
	font-size: 12.8px;
}

.wbpro-side .f12
{
	font-size: 12px;
	color: #c2c2c2;
}

.head_fastRepost_49pgd, .head_nick_1yix2, .head_cut_2Zcft, .detail_nick_u-ffy
{
	/*昵称*/
	font-weight: 700 !important;
	font-size: 12.9px;
	/* line-height: 19px; 
    /* font-family: 华文宋体 !important; */
	letter-spacing: 0.2px;
	color: #ddd;
	transition: all 0.1s ease-in !important;
}

/* .Feed_retweet_JqZJb{
    border-top: 2px dotted #000d59;
} */
.wbpro-icon-doticon
{
	background: #9f9f9f;
}

.wbpro-list .list2:before
{
	border-left: 2px solid var(--w-pop-item-hover);
	color: #999;
}

.woo-button-m
{
	padding-top: 0.43rem;
	padding-bottom: 0.43rem;
}

.Index_backButton_3Yh5-:hover
{
	background: var(--w-pop-item-hover);
	
}

.Index_backButton_3Yh5-, .woo-button-line.woo-button-primary
{
	color: #8e8e8e;
}

.woo-button-line
{
	/*button border*/
	border: 1.5px solid #0004;
}

.Frame_wrap_3g67Q
{
	/*主页背景色*/
	background-color: hsl(225, 0%, 5%);
	transition: all 0.6s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

.detail_text_1U10O a, .collapse, .expand, .viewpic
{
	/*highlight link*/
	color: #ff4f64;
	font-weight: 600;
}

.icon-link
{
	filter: hue-rotate(190deg) brightness(150%) saturate(2000%);
}

.readnum_linkbox_1v7jH, .woo-button-main.white
{
	background: var(--w-b-flat-primary-bg);
}

.woo-button-flat.woo-button-primary
{
	background: #0050b8;

	color: #e3e3e3;
	font-weight: 500;
}

.Nav_wrap_gHB1a
{
	/*main border color*/
	border-top: 0px solid var(--w-brand);
}

.Nav_wrap_gHB1a.wbpro-nav-red
{
	--weibo-top-nav-bgImage: linear-gradient() !important;
}

.Nav_title_1pHFq, .Home_title_2CF0q
{
	/*index fonts*/
	margin: 0;
	padding: 10px 16px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.6s cubic-bezier(0.6, -0.28, 0.74, 0.05) !important;
}

.detail_wbtext_4CRf9
{
	line-height: 22px;
}

.head-info_cut_1tPQI
{
	display: none;
}

div[class="icon"]
{
	/*hide icons*/
	display: none;
}

/*trend board*/
.wbpro-side-panel
{
	padding: 0px 14px 0 14px;
}

#__sidebar > div > div:nth-child(1) > div > div:nth-child(1) > div .wbpro-side-panel:hover:nth-child(-n + 11), .Home_btn_2Gdgr:hover, .NavItem_main_2hs9r:hover, .Ctrls_item_3KzNH:hover
{
	background-color: var(--w-pop-item-hover);
			transition: all 0.2s ease-in;
}

.wbpro-side-card7 .top, .wbpro-side-card7 .num, .Pub_wrap_2V6Wk
{
	color: #cf8075 !important;
	font-weight: 500 !important;
}

.wbpro-side-card7 .rank
{
	/* 	    color: #7975cf !important; */
	font-weight: 500;
}

.wbpro-side-card7 .wbpro-textcut
{
	margin-left: 3px;
}

.wbpro-side-card7 .con
{
	height: 39px;
	padding: 0 0px 0 23px;
}
.wbpro-side-card7 .wbpro-textcut{
	    margin-right: 6px;

}

.woo-input-wrap
{
	border-radius: 26px;
	background: #262626;
	border: 2px solid #000000;
}

.ProfileHeader_ellipsis_2E89M
{
	border: 2px solid #131415;
}

.Edit_lsort1_3y-AC, .Edit_lsort2_2EtTh
{
	border-radius: var(--w-button-round);
	border: 1.5px solid #0004;
	box-sizing: border-box;
}

.wbpro-form
{
	/*input background*/
	border-radius: 2px;
	background: #262626;
	border: 1.3px solid #000000;
}

@media screen and (max-width: 1921px)
{
	.Fram...

Reviews

No reviews yet.