Example.com Dark Theme

A simple dark mode theme for example.com

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
/* ==UserStyle==
@name         Example.com Dark Theme
@namespace    github.com/yourusername/example-dark-theme
@version      1.0.0
@description  A simple dark mode theme for example.com
@license      MIT
@preprocessor stylus
@var checkbox enableDark "Enable Dark Mode" 1
==/UserStyle== */

@-moz-document domain("example.com") {
  body {
    background-color: if(enableDark, #121212, white);
    color: if(enableDark, #e0e0e0, black);
  }

  header, footer, nav {
    background-color: if(enableDark, #1e1e1e, #f0f0f0);
  }

  a {
    color: if(enableDark, #90caf9, #1a0dab);
  }
}