アイコン画像

adiaryではアイコン画像（ui-icons.png）を使用しています。jQuery-uiのアイコン画像に少しだけオリジナルを加えたものです。

adiaryにはアイコン画像を自動的にロードする仕組みが備わっています。具体的には次のようなCSSを記述します。

#ui-icon-autoload {
	display:		none;
	background-color:	#0000ff;
}

ここで指定した background-color に相当するアイコンが自動的にロードされます。ロードされるアイコン画像は pub-dist/ui-icon/ に収録されていて125種類まで対応できます（RGB各色5段階）。ファイルとして存在しない色を指定した場合は近似色がロードされます。*1

将来的にアイコンの種類が増えることがありますので、アイコン画像を直接収録することはおやめください。

あとで説明する配色可変テーマでは次のように記述してください（コメント部）。

#ui-icon-autoload {
	display:		none;
	background-color:	#0000ff;	/* $c=uiicon */
}