en: a dark mode for 52pojie.cn (not official)
中文:52破解的暗黑模式(非官方编写,自用)。
52pojie-dark by zhiyu1998
Details
Authorzhiyu1998
Licensezhiyu1998
Category52pojie
Created
Updated
Size3.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name 52pojie-dark
@version 20220605.13.23
@namespace userstyles.world/user/zhiyu1998
@description en: a dark mode for 52pojie.cn (not official)
中文:52破解的暗黑模式(非官方编写,自用)。
@author zhiyu1998
@license zhiyu1998
==/UserStyle== */
@-moz-document regexp("https://www.52pojie.cn/(.*)") {
/* 全局适配,去除背景 */
html {
filter: invert(90%) hue-rotate(180deg);
/* 适配其他页面 */
background: none;
background-color: #212425;
}
/* 背景图 */
body {
background: none;
}
/* 总统 */
img,
video,
svg,
div[class*="language-"] {
filter: invert(110%) hue-rotate(180deg);
opacity: .8;
}
/* logo */
.hdc > h2:nth-child(1) > a:nth-child(1) > img:nth-child(1),
#scform > tbody > tr > td > h1 {
display: none;
}
/* 导航 */
#nv {
background: none;
}
/* 头像 */
.avt {
display: none !important;
}
/* 搜索栏 */
.scbar_txt_td,
.scbar_icon_td,
.scbar_type_td {
background: none;
}
#scbar_txt {
line-height: 28px;
border: 2px solid transparent;
border-bottom-color: #777;
padding: .2rem 0;
outline: none;
background-color: transparent;
color: #0d0c22;
transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#scbar_txt:focus,
#scbar_txt:hover {
outline: none;
padding: .2rem 1rem;
border-radius: 1rem;
border-color: #7a9cc6;
}
#scbar_txt:placeholder {
color: #777;
}
#scbar_txt:focus::placeholder {
opacity: 0;
transition: opacity .3s;
}
/* 导航字体 */
div#nv ul > li > a {
color: #000;
}
div#chart.bm.bw0.cl div.y > a {
color: #000;
}
div#nv ul > li:hover {
background: none !important;
}
/* 删除QQ */
.qq {
background: none !important;
}
/* 顶部 */
#toptb {
display: none;
}
/* 用户信息整理 */
#um {
display: flex;
flex-direction: row;
}
/* 签到按钮优化 */
.qq_bind {
padding: 0 20px;
}
/* 热搜字体看不见 */
#scbar_hot > a {
color: #000;
}
/* 导航栏看不见的元素 */
#mn_Na063 > a,
#mn_Ne008 > a,
#mn_Na678 > a {
color: #e17055 !important;
}
/* 小黑屋用户 */
.toptitle_7ree > td:last-child,
.fl_row > td:last-child {
display: none;
}
/* 导航模块区域 */
.comiis_nav {
display: none;
}
/* 模块图标、模块中最新的消息 */
.fl_icn,
.fl_by,
.fl_icn_g {
display: none;
}
/* 微信 */
#nv > a:nth-child(3) > img:nth-child(1) {
content: url("https://s1.chu0.com/src/img/png/c7/c7531be02afc4b398c2b19f0bb711132.png?imageMogr2/auto-orient/thumbnail/!234x234r/gravity/Center/crop/234x234/quality/85/&e=1735488000&token=1srnZGLKZ0Aqlz6dk7yF4SkiYf4eP-YrEOdM1sob:0dBwVA2lCclsxIPb58TnSXsxRoo=");
height: 20px;
}
/* 导航hover */
#nv li.a {
background: url(nv_a.png) no-repeat 0 -2px;
}
#nv li.a a,
#nv li.a a:hover {
background: none;
}
/* 快捷导航 */
#qmenu {
box-shadow: inset 0 0 0 2px #58afd1;
color: #58afd1;
transition: color 0.25s 0.0833333333s;
position: relative;
}
#qmenu::before,
#qmenu::after {
border: 0 solid transparent;
box-sizing: border-box;
content: "";
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
}
#qmenu::before {
border-bottom-width: 4px;
border-left-width: 4px;
}
#qmenu::after {
border-top-width: 4px;
border-right-width: 4px;
}
#qmenu:hover {
color: #f0932b;
}
#qmenu:hover::before,
#qmenu:hover::after {
border-color: #f0932b;
transition: border-color 0s, width 0.25s, height 0.25s;
width: 100%;
height: 100%;
}
#qmenu:hover::before {
transition-delay: 0s, 0s, 0.25s;
}
#qmenu:hover::after {
transition-delay: 0s, 0.25s, 0s;
}
}