本帖最后由 kyrzy0416 于 2022-6-6 20:16 编辑
推荐个插件：Stylus
firefox：https://addons.mozilla.org/zh-CN ... &utm_content=search
chrome【CRX搜搜里搜索也可以，下面是直链】：https://www.crxsoso.com/webstore ... ahjckkjfobafhncgmne
这个插件可以优（修）化（改）网页的CSS，当然，它最厉害的地方还是在有网友上传自己优化的结果
这个图是以某乎为例：
当然，这个推荐肯定到处都是，这个帖子的目的是分享自用美化，主要今天闲着没事就摸鱼给写了下，我把dark reader关了进行优化的，可能还有部分没有考虑到的，等后面在进行优化，看这个贴子有多少人在使用。
下面看效果图：狗头保命
老年模式（最近眼睛有点疲劳，刷站摸鱼需要大字保护！）：
最后，写法很懒，直接用了反色，如果用的人多就重构！
具体做法：下载安装之后 =》 点击插件图标 =》 管理样式 =》 新建样式 =》添加名称、把代码放进去保存！
[CSS] 纯文本查看 复制代码 /* 全局适配，去除背景 */
html {
filter: invert(90%) hue-rotate(180deg);
/* 适配其他页面 */
background: none;
background-color: #212425;
}
/* 背景图 */
body {
background: none;
}
/* 总统 */
.wp {
padding: 0;
margin: 0;
width: 100%;
}
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;
}
/* 搜索栏 */
html.widthauto body#nv_forum.pg_index div#hd div.wp div#scbar.cl form#scbar_form table tbody tr td.scbar_btn_td {
background: url('https://s1.aigei.com/src/img/png/6d/6d0a6b42b5e242ce8f4368fde3a376a0.png?imageMogr2/auto-orient/thumbnail/!234x234r/gravity/Center/crop/234x234/quality/85/&e=1735488000&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:7Y7D_R0oIAPBJKGcrIQbDWY2RWQ=');
background-size: cover;
filter: invert(100%);
}
/* 导航字体 */
html.widthauto body#nv_forum.pg_index div#hd div.wp div#nv_ph div#nv ul > li > a,html.widthauto body#nv_forum.pg_viewthread div#hd div.wp div#nv_ph div#nv ul > li > a {
color:#000;
}
html.widthauto body#nv_forum.pg_index div#wp.wp div#ct.wp.cl 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;
}
/* 搜索栏优化 */
#scbar_form table {
width: 100%;
}
/* 导航模块区域 */
.comiis_nav {
display: none;
}
/* 模块图标、模块中最新的消息 */
.fl_icn, .fl_by, .fl_icn_g {
display: none;
}
.bmw div.bm_c table.fl_tb tbody tr td:nth-child(2)>h2 {
font-size: 20px;
}
| 
发表于 2022-6-2 19:25
|
发表于 2022-6-2 19:48
