ダークモードの切り替えのソースを表示

[[Category:視覚効果]]
[[en:Dark mode switching]]
[[ru:Dark mode switching]]
[[zh-hans:Dark mode switching]]
ライトモード（ライトテーマ）とダークモード（ダークテーマ）の切り替えは良いものです。日が沈むのに合わせてダークモードに切り替えたり、キーボードショートカットを使ってモードのオンオフを変えることができます。

テーマの切り替えは現在実行中のプログラムに適用することができる場合もありますが (大抵の場合、デーモンが必要)、新しく起動したプログラムにしか適用されない場合もあります。この記事では実行中に切り替える方法について説明しており、現在実行中のプログラムのテーマが切り替わります。

ライトモードとダークモードの切り替えにはアプリケーションのサポートや、[[GTK]] および [[Qt]] などのアプリケーションツールキットのサポートが必要です。

== ツール ==

* {{App|[https://gitlab.com/WhyNotHugo/darkman/ darkman]|darkman は、日没時にダークモードに移行し、日の出時にライトモードに戻ることを自動化するためのツールです。ドロップインのスクリプトを配置して、その時間に自動的に実行させることができます。|https://gitlab.com/WhyNotHugo/darkman/|{{AUR|darkman}}}}
* {{App|[https://github.com/oskarsh/Yin-Yang Yin-Yang]|Yin-Yang  は似たような機能を持つ別のツールで、カスタムスクリプトの実行はまだサポートされていません。|https://github.com/oskarsh/Yin-Yang|{{AUR|yin-yang-git}}}}

== ツールキット ==

=== GTK ===

ライトモード・ダークモードを変えるには、使用しているテーマを変える必要があります。

ほとんどのテーマにはダークバージョンが存在し、{{ic|-dark}} が後ろに付くという決まりがあります。例えばデフォルトの [[GTK]] テーマである {{ic|Adwaita}} にはダークバージョンの {{ic|Adwaita-dark}} が存在します。

ダークバージョンに永続的に変更したい場合は [[GTK#ダークテーマ]]を見てください。

実行中のプログラムに対して即座にテーマを切り替えするには、[https://www.freedesktop.org/wiki/Specifications/xsettings-spec/ xsettings の仕様] を満たすデーモンが必要です。

[[Xfce]] が提供しているデーモンとして [https://docs.xfce.org/xfce/xfce4-settings/xfsettingsd xfsettingsd] があり、{{Pkg|xfce4-settings}} パッケージでインストールできます。

現在の GTK テーマを確認するには:
 $ xfconf-query -c xsettings -p /Net/ThemeName

GTK テーマを設定するには:
 $ xfconf-query -c xsettings -p /Net/ThemeName -s "new-theme"

エントリの変更は即座に反映され全ての GTK アプリケーションのテーマが切り替わります。

=== Qt ===

[[Qt]] には GTK と同じようなテーマのサポートがあります。

Qt アプリケーションのテーマのスタイリングに [[Qt と GTK アプリケーションの外観の統合#QGtkStyle|GTK を使う]]という方法があり、GTK テーマを変更すると Qt アプリケーションのテーマも変わります。

== アプリケーション ==

=== Firefox ===

[[Firefox]] は自動的に現在の GTK テーマモードを使用し、ブラウザの外観をそれに合わせて変化させます。詳しい設定や注意点については [[Firefox#ダークテーマ]]を参照してください。

ウェブコンテンツの中身を暗くしたい場合、[https://addons.mozilla.org/en-US/firefox/addon/darkreader/ Dark Reader] アドオンを使うことを推奨します。

{{ic|Automation}} を {{ic|Use system color scheme}} に変更することで、Dark Reader は GTK のダークテーマで自動的に有効になります。

=== Thunderbird ===

[[Thunderbird]] は現在の GTK テーマに合わせますが、一部変更が必要です。

[[Thunderbird#テーマの設定]] を見てください。

=== Visual Studio Code ===

[[Visual Studio Code]] のテーマを変えたい場合は [https://github.com/sandygk/woof-configs/blob/master/bin/set_theme_vscode こちらのスクリプト] が役に立ちます。

=== Alacritty ===

[[Alacritty]] は複数のカスタムカラースキームをサポートしています。設定構文や定義済みのカラースキームは [https://github.com/alacritty/alacritty/wiki/Color-schemes こちら] にあります。

テーマを即座に変更するには、各カラーテーマのポインタを定義してください (例: {{ic|&black}})。そして、{{ic|colors: *black}} と設定することでカラースキームを切り替えることができます。設定ファイルが即座に変更され全ての実行中のインスタンスに影響を与えます。

ウィンドウのボーダーやタイトルバーは GTK のテーマが適用されます。GTK のテーマに従うようにしたい場合、{{ic|gtk_theme_variant}} の設定をデフォルトの {{ic|None}} にしてください。

The borders and title bar are themed with GTK. To abide by the GTK theme, you should set the setting {{ic|gtk_theme_variant}} to the default {{ic|None}}.