<h2 id="%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%B8%E3%81%AE%E8%89%B2%E3%81%AE%E9%81%A9%E7%94%A8">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%B8%E3%81%AE%E8%89%B2%E3%81%AE%E9%81%A9%E7%94%A8" aria-hidden="true"></a> コンポーネントへの色の適用</h2>
<ol>
<li>
<code>colors.xml</code> で使用する色を宣言する</li>
<li>
<em>1.</em> で宣言したものを使って <code>themes.xml</code> でテーマごとの使用色を定義する</li>
</ol>
<ul>
<li>呼び出し方は <code>@color/white</code> のような形</li>
</ul>
<ol start="3">
<li>
<em>2.</em> で定義したものを使って <code>styles.xml</code> を作っていく</li>
</ol>
<ul>
<li>呼び出し方は <code>?attr/colorPrimary</code> のような形</li>
</ul>
<ol start="4">
<li>コンポーネントで <code>styles.xml</code> を呼び出して使う</li>
</ol>
<ul>
<li>呼び出し方は <code>style="@style/Button.Primary"</code> のような形</li>
</ul>
<p>これで、theme によって自動的に style の色が変わるようになる</p>
