Dreamweaverのソースコード表示は初期設定だと背景が白で目が疲れますよね。
簡単に背景だけを黒に変更できますがとても微妙な表示になってしまいます。
そこで黒でも見やすい、目が疲れないカラーにカスタマイズしてみました。
ポイントとして
・背景は微妙なグレーでコントラストを付けすぎない
・各プロパティはグレーに、テキスト部分は見やすく白に
・なんとなくカラフルに
以下サンプル画面のようになります。
HTMLのコードカラー表示例
JavaScriptのコードカラー表示例
設定方法とファイル
Dreamweaverが起動していない状態でカラーリングスキームが編集された
[Colors.xml]を以下の場所にコピーします。
ご利用の各バージョンによって異なりますのでご注意下さい。
Dreamweaver 8
\Application Data\Macromedia\Dreamaweaver8\Configuration\CodeColoring
Dreamweaver CS3
\Application Data\Adobe\Dreamaweaver CS3\Configuration\CodeColoring
Dreamweaver CS4
\Application Data\Adobe\Dreamaweaver CS4\ja_JP\Configuration\CodeColoring
Dreamweaverを起動し上部のメニュー[編集(E) -> 環境設定(P)]を選択、
またはショートカット[Ctrl+U]を押す。
開いたウインドウのカテゴリ「コードカラーリング」「デフォルトの背景」に
[#1F1F1F]と入力してOKを押すとDreamweaverのソースコードのカラーリングが変更されます。
ピンバック by Web 覚書ノート : DreamweaverCS4のコードカラーリングの変更 Windows7編 — 2011年2月15日 @ 09:54
[...] 参考サイト：http://blog.tasdesign.jp/web_design/2010_01_15/dreamweaver.html [...]
ピンバック by 背景 | よくわかるDreamweaverの使い方 — 2011年3月2日 @ 18:20
[...] ●Dreamweaverのコードカラーリングで背景を黒に変更する | TAS design2010年1月15日 … Dreamweaverのソースコード表示は初期設定だと背景が白で目が疲れますよね。 簡単に背景だけを黒に変更 [...]
ピンバック by コードビューのカスタマイズ | よくわかるDreamweaverの使い方 — 2011年4月15日 @ 08:53
[...] あります。） ●Dreamweaverのコードカラーリングで背景を黒に変更する http://blog.tasdesign.jp/web_design/2010_01_15/dreamweaver.html ●Dreamweaverの背景を黒にして使う方法(改訂版) http://rewish.org/xhtml_css/dw_ [...]
ピンバック by Web Design and Web Development : Dreamweaverで高速かつ快適な作業のために、やっておきたい5つのこと | mnemoniqs’log. — 2012年2月24日 @ 17:51
[...] がオススメです。 TAS Design – Dreamweaverのコードカラーリングで背景を黒に変更する [...]