GitHubを一瞬でダークモードにできる拡張機能「GitHub Dark Theme」

ダークモード Useful

プログラミングをやっていて普段よくGitHubを使う方は

「GitHubにもダークモードはないのだろうか?白い背景だと目が痛い・・・」

という風に思っているかもしれません。

 

コードエディタでコードを書きながらGitHubをみたりする人は余計そう感じるでしょう。

あ、コードエディタをダークモードで使っていない人はぜひ目に優しいダークモードに設定して使ってくださいね。

 

残念ながらGitHubにはダークモードは標準搭載されていません。

しかし、拡張機能を使うことで一瞬でGitHubをダークモードで使用できるようになります。

今回はその拡張機能を紹介します。

スポンサーリンク

GitHubを一瞬でダークモードにする「GitHub Dark Theme」

ダークモードのGitHub

Chromeの拡張機能であるGitHub Dark Themeを使うことで上の画像のようなダークモードになります。

GitHub Dark Theme
A Dark theme for all of GitHub based on Atom One Dark.

アクセス毎に自動でダークモードに切り替えてくれます。

 

GitHub Dark Theme 設定項目

 

GitHub以外のサイトを追加したり、除外するページを追加することも可能です。

 

便利なのでぜひ導入してみてください。

Chromeブラウザ以外でもGitHubをダークモードで使いたい場合

Microsoft EdgeなどのChrome以外のブラウザでもGitHubでダークモードを使用したい場合は、UserScriptを使いましょう。

 

FirefoxでもEdgeでもTampermonkeyという拡張機能をインストールできます。

その拡張機能でダークモードにするためのUserscriptを読み込むことでダークモードにできます。

Tampermonkey拡張機能

こんなアイコンの拡張機能が主要なブラウザの拡張機能ストアにあると思いますからインストールします。

 

そのあと以下のリンクにアクセスします。

GitHub Dark Script
GitHub Dark in userscript form, with a settings panel

サイトを開くと「Install this script」という緑色のボタンがあるのでクリックします。

 

GitHubにアクセスして右上のプロフィールをクリックすると「GitHub Dark Settings」という項目が増えているのでそこから設定を行うことでダークモードにできます。

スポンサーリンク

GitHub公式でダークモードが追加されました

追記です。Githubではその後公式のダークモードが追加されたようです。

プロフィールの画面に移動するとトグルが追加されています。

これでライトモードとダークモードの切り替えが簡単にできます。

拡張機能をインストールしちゃった人はもう使わないと思うので消しちゃってください!

コメント

タイトルとURLをコピーしました