Text: Custom Colors

Enabling Custom Colors

特別な meta-color 要素を用いることで、そのテーマを共有する他のユーザーが Customize - Theme から簡単に色を変更することができる。 書式は以下の通り。
<meta name="color:***" content="+++"/>
*** には要素名などの分かり易い名前(スペースを含んでも良い)を、+++ には色の名前やカラーコードを指定する。style 要素などで {color:***} と記述すると、その部分が +++ に置き換わる。

例:

<html>
    <head>
        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#eee"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Text" content="#000"/>

        <style type="text/css">
            #content {
                background-color: {color:Content Background};
                color: {color:Text};
            }
        </style>
    </head>
    <body bgcolor="{color:Background}">
        <div id="content">
            ...
        </div>
    </body>
</html>