日本語プログラミング言語なでしこ公式掲示板

ただいま、アニメ用のベタ塗りソフトを作っていて、
GUIの調整をしています。

そこで、
値指定バーについて、デザインを変更するにはどうすればよいでしょう。

一応、位置の指定は、「DOMスタイル設定」で設定できましたが、
色、サイズ、枠線などの調節ができません。

下のコードのように設定したのですが、、、単なる盛り込み過ぎが原因でしょうか？？

ーーーーーーーーーーーーーーーーー

Rに{
　　　　#"size":"500"
　　　　"position":　"relative",//相対位置への配置
　　　　"左":"{画像データマップ横+90}px"　//メインキャンバスの幅だけ左に
　　　　"top":"{-画像データマップ縦+20}px"
　　　　"width":"20"px　
　　　　"background-color":　"#eee"
　　　　"font-size":　"14"px
　　　　"color":　"#333"
　　　　"cursor":　"pointer"
　　　　}をDOMスタイル一括設定

ーーーーー

また、アニメーションを作っていくツールとして、
画面は暗いほうがいいのですが、ページの背景を暗くするにはどうすればよいでしょうか。

GUIをかっこよくして、自慢できるツールにしたいです。
アドバイスよろしくお願いします。