From 684cee6b4b0e4f93d7b7339b711dd96c82b26bb4 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 15 Aug 2021 21:32:01 +0900
Subject: Web/HTML/Element/meta/name/theme-color を新規翻訳
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 2021/07/14 時点の英語版に基づき新規翻訳
---
 .../html/element/meta/name/theme-color/index.html  |  38 +++++++++++++++++++++
 .../element/meta/name/theme-color/theme-color.png  | Bin 0 -> 32088 bytes
 2 files changed, 38 insertions(+)
 create mode 100644 files/ja/web/html/element/meta/name/theme-color/index.html
 create mode 100644 files/ja/web/html/element/meta/name/theme-color/theme-color.png

(limited to 'files/ja/web')

diff --git a/files/ja/web/html/element/meta/name/theme-color/index.html b/files/ja/web/html/element/meta/name/theme-color/index.html
new file mode 100644
index 0000000000..46c4b3562d
--- /dev/null
+++ b/files/ja/web/html/element/meta/name/theme-color/index.html
@@ -0,0 +1,38 @@
+---
+title: theme-color
+slug: Web/HTML/Element/meta/name/theme-color
+tags:
+  - Attribute
+  - HTML
+  - HTML document metadata
+  - Reference
+  - metadata
+browser-compat: html.elements.meta.name.theme-color
+translation_of: Web/HTML/Element/meta/name/theme-color
+---
+<div>{{HTMLRef}}</div>
+
+<p><span class="seoSummary"><strong><code>theme-color</code></strong> の値は {{htmlelement("meta")}} 要素の {{htmlattrxref("name", "meta")}} 属性において、ユーザーエージェントがページやその周辺のユーザーインターフェイスの表示をカスタマイズするために使用すべき推奨色を示します。指定された場合、 {{htmlattrxref("content", "meta")}} 属性には有効な CSS の {{cssxref("&lt;color&gt;")}} が含まれていなければなりません。</span></p>
+
+<h2 id="Example">例</h2>
+
+<pre class="brush: html">&lt;meta name="theme-color" content="#4285f4"&gt;</pre>
+
+<p>次の画像は、上記の {{htmlelement("meta")}} 要素が、 Android モバイル端末上で動作する Chrome で表示された文書に与える影響を示しています。</p>
+
+<figure><img alt="theme-color を使用した影響を表す図" src="theme-color.png">
+<figcaption><small>画像の出典: <a href="https://developers.google.com/web/fundamentals/design-and-ux/browser-customization">Icons &amp; Browser Colors</a> より、<a href="https://developers.google.com/readme/policies">Google</a> が作成・共有し <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons 4.0 Attribution License</a> に記載された条件に従って使用されています。</small></figcaption>
+</figure>
+
+<p>{{htmlattrxref("media", "meta")}} 属性で、メディア種別やクエリーを指定することができ、メディアの条件が真である場合にのみ、色が設定されます。例えば、以下のようになります。</p>
+
+<pre class="brush: html">&lt;meta name="theme-color" media="(prefers-color-scheme: light)" content="white"&gt;
+&lt;meta name="theme-color" media="(prefers-color-scheme: dark)" content="black"&gt;</pre>
+
+<h2 id="Specifications">仕様書</h2>
+
+<p>{{Specifications}}</p>
+
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
+
+<p>{{Compat}}</p>
diff --git a/files/ja/web/html/element/meta/name/theme-color/theme-color.png b/files/ja/web/html/element/meta/name/theme-color/theme-color.png
new file mode 100644
index 0000000000..ef9ea7378e
Binary files /dev/null and b/files/ja/web/html/element/meta/name/theme-color/theme-color.png differ
-- 
cgit v1.2.3-54-g00ecf