テーマ

テーマは MDM の見た目を変更しますが、ウィンドウ、メニュー、ボタンの配置は変わりません。色、形、アイコンが異なるだけです。各テーマにはライトとダークの側面があります。

テーマを選択する

表示 → テーマ を開いてテーマをクリックすると、ウィンドウ全体がすぐに変更され、再起動は不要です。表示 → ダーク モードのサポート と 表示 → 常にダーク で、クラシックな見た目 (ダーク モード) と同様に、ライトまたはダークの側面を選択します。

組み込みテーマには、クラシック (MDM 独自の見た目、既定)、ネイティブ (システムのアクセント カラーとコントラスト)、ハイ コントラスト、およびスタイル テーマの メトロ、Adwaita、Breeze、Luna、Aero、Aqua があります。それぞれ独自のコントロールの形とアイコンを持ち、Windows では独自のタイトル バーを持ちます。はじめに でそれぞれについて説明しており、ウェブサイトの テーマ ページ には、ライトとダークの両方のテーマがすべて表示されています。

テーマ ファイルの保存場所

作成またはダウンロードしたテーマ ファイルは、MDM のテーマ フォルダーに保存されます。表示 → テーマ → テーマ フォルダーを開く で開くことができます (初回は作成されます)。これは MDM のデータ フォルダー内にあります。

新しいファイルは 2 秒以内に 表示 → テーマ に、組み込みテーマの下に、name が示す名前で表示されます。ファイルを編集した後、変更を確認するには 表示 → テーマ で再度選択してください。

テーマは 1 つのファイル (harbour.toml) にすることも、アイコンを含む場合は独自のフォルダー (harbour/theme.toml) にすることもできます。

表示 → テーマ → テーマ ファイルを追加… で、どこからでもファイルを選択すると、MDM はそれをテーマ フォルダーにコピーしてすぐに適用します。テーマではないファイルは追加されず、MDM がその理由を通知します。

Base16 と pywal の配色

他のプログラム用に作成された配色も、変換なしでテーマとして使用できます。

• Base16 スキームは、Base16 および Base24 スキームに含まれる .yaml ファイルです。クラシック レイアウト (scheme: と上部の base00 から base0F) と新しいレイアウト (name: と palette: ブロック) の両方に対応しています。Base24 スキームは、最初の 16 色として読み込まれます。
• pywal の colors.json、または pywal の形式のプログラム ファイル (wallust の pywal テンプレート)。

表示 → テーマ → テーマ ファイルを追加… で追加するか、テーマ フォルダーに直接配置します。スキーム名 (name: または scheme:。pywal の場合は壁紙にちなんで命名) で 表示 → テーマ に表示されます。

pywal 自体: wal が実行されると、表示 → テーマ に pywal が表示され、pywal が色を書き込む場所 (~/.cache/wal/colors.json (Windows では winwal と pywal が書き込む %USERPROFILE%\.cache\wal\colors.json)、設定した場合は $PYWAL_CACHE_DIR または $XDG_CACHE_HOME/wal) から直接読み込まれます。これを選択すると、MDM は壁紙に従います。wal が新しい色を書き込むたびに、MDM は 2 秒以内にそれらを適用します。ファイルの更新日時とサイズのみを 2 秒ごとに確認し、pywal がテーマである間のみ行われます。テーマ ファイルを追加… で追加されたコピーは、追加時の色を保持します。

スキームは、クラシックな外観では色のみを変更します。すべてのウィンドウ、ボタン、メニューは元の位置に留まります。表示 → 常にダーク の設定に関わらず、ダーク スキームは MDM をダークにし、ライト スキームは MDM をライトにします。スキームの色は、同じ意味を持つ場所に適用されます。

境界線とホバーおよび押下時のシェードは、テーマ ファイルの [seeds] と同様に、これらの色から混合されます。テキストは読みやすく保たれます。テキストと補助テキストは、配置されるすべての背景に対して 4.5:1 以上 (WCAG AA)、アクセントは 3:1 です。これに満たないスキームは、合格するまでそれらの色を少し暗く (ダーク スキームでは明るく) します。MDM のログにその詳細が記録されます。

色以外の変更を行うには、スキームをファイル名で継承し、好きなものを追加するテーマ ファイルを作成します。

name = "Gruvbox, my way"
inherits = "gruvbox-dark-medium"   # gruvbox-dark-medium.yaml, beside it
icons = "accent"

[sizes]
radius = 6

inherits = "pywal"も同様に機能し、wal にも従います。

ファイル

テーマは、TOML (または JSON、.json。または 配色、.yaml) 形式の小さなテキスト ファイルです。変更する項目のみを記述し、それ以外のすべては inherits するテーマから取得されます。

name = "Harbour"
inherits = "classic"
icons = "color"

[seeds.light]
background = "#eef3f6"
surface = "#ffffff"
text = "#11202b"
accent = "#0f6c8c"

[seeds.dark]
background = "#14212a"
surface = "#0e171d"
text = "#e8f0f4"
accent = "#5cc3e6"

[sizes]
radius = 6

[controls]
focus = "ring"

• name — 表示 → テーマ に表示される名前。指定がない場合はファイル名が使用されます。
• inherits — 自分のテーマが開始するテーマ: classic (省略された場合の既定)、組み込みテーマの ID (metro、adwaita、breeze、luna、aero、aqua、high-contrast)、または同じフォルダー内の別のテーマ ファイル (拡張子 .toml なしのファイル名)。別のテーマを継承するファイルは、さらに継承されることがあります。テーマが自分自身を継承することはできません。
• [seeds] — MDM がすべてのコントロールに適用する少数の色 (background、surface、header、text、accent、selection、error、warning、success)。[seeds.light] と [seeds.dark] は、それぞれの側面に独自の色を与えます。
• [colors] — 両側の単一の色の役割 (window、accent、"segments.done" など)。[light] と [dark] は片側のみです。色は #rrggbb、または透明度を含む #rrggbbaa です。ファイルが設定する役割は、そのシードよりも優先されます。
• [sizes] — 角の半径、境界線の幅、フォント サイズ、行の高さ (ピクセル単位)。
• [controls] — テキスト ボックス、チェック ボックス、ボタン、プログレス バー、スクロール バー、フォーカス マーク、タイトル バーの形状。
• icons — color、mono (単色)、または accent。
• contrast = "high" — 他のすべての上に、すべてのエッジとテキストの色を強調します。

すべての色の役割、サイズ、コントロール スタイル、およびそれらが設定する内容は、ウェブサイトの テーマ ページ に記載されています (MDM 自身のコードから読み取られるため、常に最新です)。組み込みテーマも同じ方法で記述されています。GitHub で読むことができます。

MDM が認識しないキー、または読み取れない値はスキップされ、MDM のログ (テーマ フォルダーの横にある logs フォルダー) に書き込まれるため、新しい MDM 用に作成されたファイルでもロードされます。有効な TOML または JSON ではないファイルはロードされず、ログに理由が示されます。組み込みテーマと同じ名前のファイル (metro.toml) はスキップされます。独自のファイル名を付けてください。

アイコン

独自のフォルダー (harbour/theme.toml) にあるテーマは、icons/16 と icons/24 (PNG 画像の場合は、150% 以上の画面スケールで使用される icons/32 と icons/48) にアイコンを含めることができます。それぞれ表示される内容 (tb-add-url.svg、cat-music.png など) にちなんで名付けられます。SVG および PNG ファイルは色を保持します。GNOME および KDE が命名する -symbolic.svg および -symbolic.png ファイルは、テーマのテキストの色を取ります。セットにないアイコンは、クラシックな見た目で描画されます。名前の完全なリストは themeicons.rs (NEEDS) にあります。

テーマを作成する

1. 表示 → テーマ → テーマ フォルダーを開く をクリックし、そこに新しい .toml ファイルを作成します (任意のテキスト エディターを使用)。
2. 上記の例から始め、シードの色を変更し、必要に応じて役割とサイズを追加します。
3. 表示 → テーマ で選択し、両方の側面を確認します。表示 → 常にダーク をオン/オフにして、テキストが読みやすく、フォーカス マークが両方で表示されることを確認します。

ウェブサイトの テーマ ページ には、AI アシスタントに与えることができるプロンプトがあり、形式、すべてのキー、およびルールが示されており、説明からテーマを作成できます。

共有する

他の人が気に入るようなものを作成しましたか？crates/app/assets/themes に追加する プル リクエスト を開いてください。内容は次のとおりです。

• .toml ファイルと、アイコン フォルダーがある場合はそのフォルダー。
• メイン ウィンドウのライト側とダーク側のスクリーンショット。
• アイコンの横にSOURCES.txtを付けて、作成者とライセンスを明記してください。アイコンはご自身で作成したものか、MDM が共有できるライセンス (GPL-3.0) の下にあるものに限り、他のプログラムからコピーしたものは使用できません。

まだ迷っていますか? まずはディスカッションで提案してください。CONTRIBUTING.mdでプルリクエストの仕組みを説明しています。

次のステップ

• はじめに →
• オプション →