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>