知乎美化

宽屏显示、暗黑模式(4种)、暗黑模式跟随浏览器、屏蔽首页活动广告、隐藏文章开头大图、调整图片最大高度、向下翻时自动隐藏顶栏

< 脚本知乎美化的反馈

评价:好评 - 脚本运行良好

§
发表于:2023-10-04
编辑于:2023-10-04

[功能请求] 希望再增加一种暗黑模式,直接采用知乎自带的。其实知乎自带暗黑模式,网址后面加上?theme=dark就行了,但是知乎就是不给正式适配……另外这个脚本就用了知乎自带的暗黑模式,但是很不稳定,部分页面会无限刷新(https://greasyfork.org/zh-CN/scripts/429853-%E7%9F%A5%E4%B9%8E%E5%A4%9C%E9%97%B4%E6%A8%A1%E5%BC%8F)

X.I.U作者
§
发表于:2023-10-05

脚本介绍里我写过了:

暗黑模式( 4 种)

  • 样式一(默认): 知乎自带的暗黑模式,颜色搭配、对比度都很辣眼,于是我就“稍微”调整优化了一下样式,看起来舒服多了~

样式一用的就是知乎自带的,只不过知乎自带的暗黑模式对比度太高,反而会费眼睛,所以我给优化了下配色(仿 Github 的)

§
发表于:2023-12-13

可以自己改一下,我自己就把第四种改了,可以参考一下

  style_darkMode_4 = `/* 暗黑模式(方案 4) */
// html {filter: brightness(65%) sepia(30%) !important;}
html[data-theme=dark] body, html[data-theme=dark] .ContentItem-title, html[data-theme=dark] .QuestionHeader-title, html[data-theme=dark] .Tabs-link, html[data-theme=dark] .CreatorEntrance-title, html[data-theme=dark] .Search-container, html[data-theme=dark] .HotItem-excerpt, html[data-theme=dark] .PushNotifications-item, html[data-theme=dark] .Notifications-Main>header h1, html[data-theme=dark] .Notifications-Section-header h2, html[data-theme=dark] .NotificationList-Item-content, html[data-theme=dark] .Reward, html[data-theme=dark] .ChatSideBar-Search-Input input, html[data-theme=dark] input.Input, html[data-theme=dark] .LinkCard-title, html[data-theme=dark] .MCNLinkCard-title, html[data-theme=dark] .ZVideoLinkCard-title, html[data-theme=dark] .TipjarDialog-customButton, html[data-theme=dark] .Question-mainColumn .Card:not(.AnswersNavWrapper) a[data-za-detail-view-id] > div:last-child, html[data-theme=dark] .TextArea {color: #f2f2f2 !important;}
html[data-theme=dark] .LinkCard-meta, html[data-theme=dark] .MCNLinkCard-source {color: #f2f2f2 !important;}
`,
             style_darkMode_4_firefox = `/* 暗黑模式(方案 4) */
// html {filter: brightness(65%) sepia(30%) !important; background-image: url();}
html[data-theme=dark] body, html[data-theme=dark] .ContentItem-title, html[data-theme=dark] .QuestionHeader-title, html[data-theme=dark] .Tabs-link, html[data-theme=dark] .CreatorEntrance-title, html[data-theme=dark] .Search-container, html[data-theme=dark] .HotItem-excerpt, html[data-theme=dark] .PushNotifications-item, html[data-theme=dark] .Notifications-Main>header h1, html[data-theme=dark] .Notifications-Section-header h2, html[data-theme=dark] .NotificationList-Item-content, html[data-theme=dark] .Reward, html[data-theme=dark] .ChatSideBar-Search-Input input, html[data-theme=dark] input.Input, html[data-theme=dark] .LinkCard-title, html[data-theme=dark] .MCNLinkCard-title, html[data-theme=dark] .ZVideoLinkCard-title, html[data-theme=dark] .TipjarDialog-customButton, html[data-theme=dark] .Question-mainColumn .Card:not(.AnswersNavWrapper) a[data-za-detail-view-id] > div:last-child, html[data-theme=dark] .TextArea {color: #f2f2f2 !important;}
html[data-theme=dark] .LinkCard-meta, html[data-theme=dark] .MCNLinkCard-source {color: #f2f2f2 !important;

发表回复

登录以发表回复。