☰

Auto dark mode HN

Dark mode Hacker News, respecting your system preferences.

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name         Auto dark mode HN
// @version      1.0
// @description  Dark mode Hacker News, respecting your system preferences.
// @author       1_player
// @match        https://news.ycombinator.com/*
// @grant        GM_addStyle
// @license      MIT
// @namespace https://greasyfork.org/users/930341
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
@media (prefers-color-scheme: dark) {

  body {
    background-color: black;
  }

  table#hnmain {
    background-color: #333;
  }

  a:link, .c00, .c00 a:link {
    color: #ddd;
  }

  .comhead a:link, .subtext, .subtext a:link, .subtext a:visited {
    color: #999;
  }

  textarea {
    background-color: #444;
    color: white;
  }

  .pagetop a {
    color: #000;
  }
}
`);

})();