From 07962288259d3e08b6294364b9102522a6b40eff Mon Sep 17 00:00:00 2001 From: Shinya Fujino Date: Sat, 2 Nov 2024 19:41:07 +0900 Subject: i18n(ja): Update css-and-tailwind.mdx (#2559) Co-authored-by: HiDeoo <494699+HiDeoo@users.noreply.github.com> --- docs/src/content/docs/ja/guides/css-and-tailwind.mdx | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/docs/src/content/docs/ja/guides/css-and-tailwind.mdx b/docs/src/content/docs/ja/guides/css-and-tailwind.mdx index 46793df9..f6f0bd93 100644 --- a/docs/src/content/docs/ja/guides/css-and-tailwind.mdx +++ b/docs/src/content/docs/ja/guides/css-and-tailwind.mdx @@ -61,7 +61,7 @@ StarlightのTailwindプラグインは、以下の設定を適用します。 `create astro`を使用して、Tailwind CSSが組み込まれた新しいStarlightプロジェクトを開始します。 - + ```sh @@ -93,7 +93,7 @@ yarn create astro --template starlight/tailwind 1. AstroのTailwindインテグレーションを追加します。 - + @@ -123,7 +123,7 @@ yarn create astro --template starlight/tailwind 2. StarlightのTailwindプラグインをインストールします。 - + @@ -247,6 +247,8 @@ Starlightのカラーテーマは、デフォルトのカスタムプロパテ 以下のスライダーを使用して、Starlightのアクセントカラーとグレーカラーのパレットを変更してみましょう。ダークとライトのプレビューエリアには、結果となる色の組み合わせが表示されます。また、このページ自体も合わせて更新されるため、変更内容をプレビューできます。 +コントラストレベルオプションで、WCAGによる[色のコントラスト基準](https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast)から満たしたいものを指定します。 + 変更内容に満足できたら、以下のCSSまたはTailwindコードをコピーしてプロジェクトで使用します。 import ThemeDesigner from '~/components/theme-designer.astro'; @@ -262,6 +264,9 @@ import ThemeDesigner from '~/components/theme-designer.astro'; default: 'デフォルト', random: 'ランダム', }, + contrast: { + label: 'コントラストレベル', + }, editor: { accentColor: 'アクセント', grayColor: 'グレー', -- cgit