您可以将HN自定义为适合夜间模式。

5作者: Skullfurious4 天前原帖
基本上,只需在浏览器中安装 uBlock Origin,点击图标,进入设置,点击顶部的“我的过滤器”,然后粘贴以下内容。<p>应用并重新加载页面后,您应该会看到一个更为舒适的北欧风格主题。<p>-------------------<p><i>!更深的页面背景 + 主要文本颜色<p>news.ycombinator.com##body, .c00:style(background-color: #1e222a !important; color: #c8d0d9 !important;)<p>!顶部橙色条(导航/头部)<p>news.ycombinator.com##td[bgcolor="#ff6600"]:style(background-color: #2a2f3a !important;)<p>!主体内容背景<p>news.ycombinator.com##[bgcolor="#f6f6ef"]:style(background-color: #1e222a !important;)<p>!全黑元素背景<p>news.ycombinator.com##[bgcolor="#000000"]:style(background-color: #2a2f3a !important;)<p>!隐藏间距行<p>news.ycombinator.com##tr#pagespace:style(display: none !important;)<p>!Hacker News 标题链接<p>news.ycombinator.com##b.hnname > a:style(color: #8fcadb !important;)<p>!所有链接<p>news.ycombinator.com##a:style(color: #7fbacb !important;)<p>!副文本(例如,发布者,时间)<p>news.ycombinator.com##.subline:style(color: #8a9c8b !important;)<p>!副文本链接<p>news.ycombinator.com##.subline a:style(color: #7aa5a8 !important;)<p>!评分 + 顶部导航栏链接<p>news.ycombinator.com##.score, #hnmain > tbody > tr td:last-child > span.pagetop:style(color: #d0aa55 !important;)<p>!站点域名 (.sitestr)<p>news.ycombinator.com##.sitestr:style(color: #b56c70 !important;)<p>!缩小提交页面上的文本输入框。(闪光弹减少)<p>news.ycombinator.com##textarea[name="text"]:style(width: 400px !important; height: 30px !important;)</i><p>-------------------<p>这个想法是从另一位用户那里得到的,并稍作修改。我不知道为什么提交页面上的文本框大小是锁定的。但除此之外,我觉得这个主题对眼睛更友好。<p>如果有人知道如何将提交框的颜色更改为其他颜色,那就太好了。<p>我以为在 HN 上有发布代码的方法,但我似乎无法弄清楚格式。对此我感到抱歉。
查看原文
Basically just have ublock origin installed in your browser, click the icon, go into the settings, click My Filters on the top, and paste the following.<p>After you apply and reload the page you should have a Nordic style theme that&#x27;s a bit easier on the eyes.<p>-------------------<p><i>! Darker page background + main text color<p>news.ycombinator.com##body, .c00:style(background-color: #1e222a !important; color: #c8d0d9 !important;)<p>! Top orange bar (nav&#x2F;header)<p>news.ycombinator.com##td[bgcolor=&quot;#ff6600&quot;]:style(background-color: #2a2f3a !important;)<p>! Body content background<p>news.ycombinator.com##[bgcolor=&quot;#f6f6ef&quot;]:style(background-color: #1e222a !important;)<p>! Full black elements background<p>news.ycombinator.com##[bgcolor=&quot;#000000&quot;]:style(background-color: #2a2f3a !important;)<p>! Hide spacing row<p>news.ycombinator.com##tr#pagespace:style(display: none !important;)<p>! Hacker News title link<p>news.ycombinator.com##b.hnname &gt; a:style(color: #8fcadb !important;)<p>! All links<p>news.ycombinator.com##a:style(color: #7fbacb !important;)<p>! Subtext (e.g., posted by, time)<p>news.ycombinator.com##.subline:style(color: #8a9c8b !important;)<p>! Subtext links<p>news.ycombinator.com##.subline a:style(color: #7aa5a8 !important;)<p>! Score + top navbar links<p>news.ycombinator.com##.score, #hnmain &gt; tbody &gt; tr td:last-child &gt; span.pagetop:style(color: #d0aa55 !important;)<p>! Site domain (.sitestr)<p>news.ycombinator.com##.sitestr:style(color: #b56c70 !important;)<p>!Shrinks the text input box on the submit page. (Flashbang reduction)<p>news.ycombinator.com##textarea[name=&quot;text&quot;]:style(width: 400px !important; height: 30px !important;)</i><p>-------------------<p>I got the idea from another poster and modified it a bit. I don&#x27;t know why the textbox on the submit page is a locked size. But other than that little quirk I find it a lot easier on the eyes.<p>If anyone knows how to change the submission boxes to be a different color that would be nice as well.<p>I thought there was a way to post code on HN but I cannot seem to figure out the formatting. Sorry about that.