gHacks Dark Mode

Dark Mode for gHacks.net

当前为 2018-12-03 提交的版本,查看 最新版本

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

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

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

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

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

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

(我已经安装了用户脚本管理器,让我安装!)

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

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

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

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

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

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

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        gHacks Dark Mode
// @namespace   https://greasyfork.org
// @description Dark Mode for gHacks.net
// @author      Guillaume
// @version     1.0.1
// @icon        https://ghacks.net/favicon.ico
// @match       *://*.ghacks.net/*
// @grant       GM_addStyle
// ==/UserScript==

GM_addStyle(`
body {
  background: #3B3B3B;
  color: #EEE !important;
}
h2>a, .heading, .heading--huge, .heading--large, .user-content h2, .widget_text .textwidget h2, .heading--big, .heading--medium, .user-content h3, .widget_text .textwidget h3, .heading--normal, .heading--small, .user-content h5, .widget_text .textwidget h5, .heading--tiny {
  color: #F3B434 !important;
}
a { color: #FFF !important; }
.comment-item__header, input:not([type="submit"]):not([type="checkbox"]), textarea, select, #snippet-box {
  background: #272727 !important;
  color: #EEE !important;
}
.button--orange, input[type="submit"], .nav-links span.current { background-color: transparent !important }
.button--orange:hover, input[type="submit"]:hover, .nav-links span.current:hover, .button--orange:focus, input[type="submit"]:focus, .nav-links span.current:focus { background-color: #F3B434 !important }
.user-content a:not(:hover), .widget_text .textwidget a:not(:hover) { border-bottom: 2px solid #727272 !important }
`);