Accessible Contrastテーマをダウンロードするには？

サポート
1

このサイトの左側にある「Accessible Contrast」というテーマ（ダークとライト）は、どのようにダウンロードできますか？

「いいね！」 1
2

こんにちは、@catinthehatさん！Metaへようこそ！

これらのテーマはご自身で作成できます。

まず、/admin/customize/colors で配色を作成します。
次に、「新規作成」をクリックし、ベースとなるパレットとして「WCAG Light」を選択し、もう一度「新規作成」をクリックします。

The image shows a user interface for selecting a base color palette in a software application, with options for WCAG Light among others, and a button to create a new palette. (Captioned by AI)
The image shows a user interface for selecting a base color palette in a software application, with options for WCAG Light among others, and a button to create a new palette. (Captioned by AI)1930×903 102 KB

名前を「WCAG Light」のように、より正確なものに変更できます。ユーザーが設定でその配色を選択できるようにすることもできますが、必須ではありません。

The image shows a user interface of a color selection tool labeled "WCAG Light," with options to save, duplicate, copy to clipboard, or delete a color scheme, as well as checkboxes for enabling user selection of color schemes and showing only overridden colors, with a section beneath to define a primary color represented by a hexadecimal value (black: #000000). (Captioned by AI)
The image shows a user interface of a color selection tool labeled "WCAG Light," with options to save, duplicate, copy to clipboard, or delete a color scheme, as well as checkboxes for enabling user selection of color schemes and showing only overridden colors, with a section beneath to define a primary color represented by a hexadecimal value (black: #000000). (Captioned by AI)1185×492 74.3 KB

次に、/admin/customize/themes で新しいテーマを作成します。
「インストール」をクリックし、「新規作成」を選択して名前を付け、「作成」をクリックします。

This image depicts a user interface for installing themes on a Discourse platform, showing options to install from popular choices, the user's device, or from a git repository with a field to name the theme as "High contrast." (Captioned by AI)
This image depicts a user interface for installing themes on a Discourse platform, showing options to install from popular choices, the user's device, or from a git repository with a field to name the theme as "High contrast." (Captioned by AI)1831×852 127 KB

ユーザーがテーマを選択できるようにするには、設定を有効にし、カラーパレットを作成した配色に変更します。調整を保存するために、:white_check_mark: をクリックすることを忘れないでください。

The image shows a user interface for configuring a "High contrast" theme with options like enabling it by default, allowing users to select it, and a color palette selection drop-down titled "WCAG Light." (Captioned by AI)
The image shows a user interface for configuring a "High contrast" theme with options like enabling it by default, allowing users to select it, and a color palette selection drop-down titled "WCAG Light." (Captioned by AI)1162×624 87 KB

ダーク配色とダークテーマを作成するには、これらの手順を繰り返します。

「いいね！」 1
3

ありがとうございます。これでうまくいきました。

「いいね！」 1
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.