アイコン画像

アイコン画像

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 */
}

*1 : あとで種類が増えることを想定して(もくしは要望して)、存在しない色を指定しても構いません。