Microsoft Expression Web 3 の色の設定について
SOFTWARE REPORT
Microsoft Expression Web 3 のコードビューの色設定
Microsoft 社の Web サイト制作ツール Expression Web 3 では、HTML や PHP 等のコードを編集する画面の色を変更することができるようになっています。
諸説ありますけれど、黒い背景の画面の方が白よりも目が疲れにくいような気がするので、Expression Web 3 の背景色を黒に、それに合わせて各種文字の色を変更してみることにしました。それと併せて、設定した色がどこに保存されているかを調べてみたところ、Windows レジストリ内に、それが記録されていることがわかりました。
登録されているキーは "HKEY_CURENT_USER\
この中に、"CSS @ Rule Color BG" や "Script Comment" といった感じで、色の設定に対応した名前の文字列値が格納されていて、その中に、それぞれを 16 進数 2 桁で表わした RGB 形式で、色が設定されています。
これらの値をレジストリエディタでエクスポートして、それを保存しておけば、Expression Web 3 をインストールし直したときなどに色設定を最初から設定しなおさなくて済むので便利です。
Expression の背景色を黒色に変更する
たとえば、背景色を黒にしたい場合でも、単に背景色を "黒" に設定しただけでは、その他の文字で見にくい色の設定になってしまう箇所が多々あります。
そこで、面倒なく色の設定を行えるように、今回設定した色の内容を掲載しておくことにします。色の好みはあるでしょうけど、この設定を基にして色の調整を行えば、ずいぶん楽に調整できるのではないかと思います。
まず、次のようなレジストリファイルを作成します。
メモ帳などのテキストエディタで作成したら、拡張子を "*.REG" として保存します。
[HKEY_CURRENT_USER\Software\Microsoft\Expression\Web\3.0\HTML View]
"Code Hyperlink Color"="ccffff"
"CSS @ Rule Color BG"="ffffffff"
"CSS Comment Color BG"="ffffffff"
"CSS Important Color"="5b8cff"
"CSS Important Color BG"="ffffffff"
"CSS Property Name Color"="fa9b8d"
"CSS Property Name Color BG"="ffffffff"
"CSS Property Value Color"="ffffff"
"CSS Property Value Color BG"="ffffffff"
"CSS Selector Color BG"="ffffffff"
"CSS String Value Color"="79b4db"
"CSS String Value Color BG"="ffffffff"
"Editable Color"="6ebbff"
"Attribute Name Color"="ff9999"
"Attribute Value Color"="ffcccc"
"Attribute Name Color BG"="ffffffff"
"Attribute Value Color BG"="ffffffff"
"Background Color"="000000"
"Bookmark Color"="ffff00"
"Colors Upgraded"=dword:00000001
"HTML Comment Color BG"="ffffffff"
"HTML Entity Color"="00cc99"
"HTML Entity Color BG"="ffffffff"
"Line Numbers Selected Color"="ffffffff"
"Line Numbers Selected Color BG"="808080"
"Line Numbers Inactive Color"="ffffffff"
"Line Numbers Inactive Color BG"="003300"
"Incompatible HTML Color"="00ffff"
"Invalid HTML Color"="0066ff"
"Invalid HTML Color BG"="003300"
"Noneditable Color"="008080"
"Normal Color"="f2f2f2"
"Script Comment Color BG"="ffffffff"
"Script Identifier Color BG"="ffffffff"
"Script Keyword Color BG"="ffffffff"
"Script Number Color"="ccff99"
"Script Number Color BG"="ffffffff"
"Script Operator Color"="ffcc99"
"Script Operator Color BG"="ffffffff"
"Other Script Block Color BG"="ffffffff"
"Script String Color BG"="ffffffff"
"Tag Color BG"="ffffffff"
"HTML Tag Delimiter Color"="00ffff"
"HTML Tag Delimiter Color BG"="ffffffff"
"Layout Label Background"="efefef"
"Layout Handle Color BG"="ffffff"
"Layout Table Border"="ff9900"
"Layout Cell Border"="368f37"
"Master Page Content Region Color"="ff6bba"
"Master Page Design Outline Color"="ffbdf7"
"Layout Spacer"="dbeff2"
"Template Color"="bcf6ff"
"Web Part"="6ebbff"
"Web Part Zone"="ff9900"
"Layout Margin Overlay Color"="c4c4dc"
"Layout Margin Overlay Color BG"="d7d7e7"
"Layout Padding Overlay Color"="ffd3bf"
"Layout Padding Overlay Color BG"="ffdfcf"
"Layout Offset Color"="fb950b"
"Layout UI Activated Border Color"="c66931"
"Layout Visible Border Color"="c6c6c6"
"Layout Resize Watermark Color BG"="c8ffff"
"Style Application Element Watermark Color"="f7dfc9"
"Style Application Element Watermark Color BG"="edb17d"
"PHP Comment Color BG"="ffffffff"
"PHP Identifier Color BG"="ffffffff"
"PHP Keyword Color BG"="ffffffff"
"PHP Number Color"="66ffcc"
"PHP Number Color BG"="ffffffff"
"PHP Operator Color"="66ffff"
"PHP Operator Color BG"="ffffffff"
"PHP Function Color BG"="ffffffff"
"PHP String Color"="91caf4"
"PHP String Color BG"="ffffffff"
"PHP Other Color BG"="ffffffff"
"CSS @ Rule Color"="cceecc"
"CSS Comment Color"="88b8c1"
"CSS Important Color Effect"="0"
"CSS Selector Color"="48eec5"
"CSS Selector Color Effect"="0"
"Comment Color"="b7b7b7"
"Tag Color"="00ccff"
"PHP Comment Color"="55898c"
"PHP Keyword Color"="ffcc99"
"PHP Function Color"="d3e895"
"PHP Other Color"="f7f7f7"
"PHP Identifier Color"="9966cc"
"Script Comment Color"="acacac"
"Script Identifier Color"="f7f7f7"
"Script Keyword Color"="7df077"
"Other Script Block Color"="ff99cc"
"Script String Color"="3c78b5"
そして、出来上がった REG ファイルで右クリックし、ショートカットメニューから "結合" を選択します。
このとき、本当に追加して良いかを尋ねる警告メッセージが表示される場合があります。レジストリの編集は、場合によっては危険を伴うものなので、問題ないと思える場合のみ、ここで 【はい】 をクリックします。そして、取り込みが完了したことを示す通知が表示されれば、レジストリの編集処理は終了です。
このようにしてから Expression Web 3 を起動すると、コードビューの色設定は次のようなイメージになります。
HTML & PHP
PHP
JavaScript
StyleSheet
また、Windows 7 の場合は、上記と合わせてフォントを "Meiryo UI" のフォントサイズ 11 にすると、切れ味のよい見やすい画面になる気がします。プロポーショナルフォントなので好みにもよるとは思いますけど。