21.9. Mahara 24.04の新機能 ダークモード

この機能は実験的です

あなたが デバイスまたはブラウザでダークモードを有効にした 場合 、テーマがサポートしていればサイトは自動的にダークモードで表示されます。

ダーク モードで 『デフォルト』 テーマを使用したダッシュボードページのスクリーンショット。

Note

この機能は現在、テストしてフィードバックを受け取るために 『Default』 および 『Raw』 テーマでだけ利用可能です。これらのテーマのいずれかをベースに独自のテーマを作成する場合は、テーマの themeconfig.php で $theme->allowdarkmode = true; を設定することでダーク モードを有効にすることができます。

独自のテーマでダークモードを有効にする場合は、テキスト要素が表示されることを確認するために徹底的にテストしてください。

テーマでダーク モードが有効になっている場合、サイトを使用する人が設定する必要のある追加設定はありません。ウェブをダーク モードで閲覧したい場合は、オペレーティング システム全体をダーク モードで設定するか、ブラウザだけをダーク モードで設定することができます。ダーク モードを有効にする方法については、デバイスのマニュアルを参照してください。

デバイス上のすべてのアプリケーションでダーク モードを有効にできない場合は、ブラウザで有効にすることができます。

21.9.1. Firefoxのダークモード

この手順はFirefox 125用に書かれています。将来変更される可能性があります。

Firefoxのダーク モード設定のスクリーンショット。

  1. ツールバーの アプリケーション メニューを開く アイコンをクリックします。

  2. 設定 オプションをクリックします。

  3. Double-check that you are in the General settings.

  4. In the section 『Website appearance』, select the option Dark.

  5. Return to your Mahara page. It is displayed in dark mode automatically.

21.9.2. Dark mode in Chrome

The instructions are written for Chrome 124. They may differ in the future.

Screenshot of the dark mode setting in Chrome.

  1. Click the Customise and control Google Chrome icon in the toolbar.

  2. 設定 オプションをクリックします。

  3. Click the Search settings icon.

  4. In the search bar, search for 『dark』. Google Chrome limits the results to those that contain the word.

  5. In the Mode drop-down menu, select 『Dark』.

  6. Return to your Mahara page. It is displayed in dark mode automatically.