Scribble at 2021-12-23 11:37:04 Last modified: 2021-12-23 14:11:06

いまのところ、Adobe が GitHub でリポジトリを公開している Brackets に切り替えている。上記のとおり、ご存知の方はすぐ分かると思うが、配色のカスタマイズは Dreamweaver と同じらしい（寧ろ、現在の Dreamweaver の編集画面が Brackets をベースにしているとか）。というわけで、簡単にカスタマイズできるようなので、既に xyzzy でも使っている "philsci" のテーマに変更した。既存のテーマで使われている CSS ファイルを書き換えたら即座に反映されるため、以下の配色を参考までに公開する。

@background: #232323;

@foreground: #f8f8f8;

@fore-em: #66ddaa;

@fore-vars: #FFE4A9;

span.cm-atom { color: @foreground; }

span.cm-attribute { color: @foreground; }

span.cm-bracket { color: @foreground; }

span.cm-builtin { color: @fore-em; }

span.cm-comment { color: #555555; }

span.cm-def { color: @foreground; }

span.cm-error { color: @foreground; }

span.cm-header { color: @foreground; }

span.cm-hr { color: @foreground; }

span.cm-keyword { color: @fore-em; }

span.cm-meta { color: @foreground; }

span.cm-number { color: @foreground; }

span.cm-operator { color: @foreground; font-weight: 900; }

span.cm-plus { color: @foreground; }

span.cm-property { color: @fore-em; }

span.cm-qualifier { color: @foreground; }

span.cm-quote { color: @foreground; }

span.cm-rangeinfo { color: @foreground; }

span.cm-string { color: @foreground; }

span.cm-string-2 { color: @foreground; }

span.cm-tag { color: @foreground; }

span.cm-variable { color: @fore-vars; }

span.cm-variable-2 { color: @fore-vars; }

span.cm-variable-3 { color: @fore-vars; }

.CodeMirror, .CodeMirror-scroll { line-height: 1.5; background-color: @background; color: @foreground; }

.CodeMirror-cursor { border: 1px solid #ff0000 !important; }

.CodeMirror-overwrite .CodeMirror-cursor { border-bottom: 1px solid @foreground !important; border-left: none !important; }

.CodeMirror-gutters { background-color: @background; color: @foreground; border-right: 1px solid #444444; }

.CodeMirror-linenumber { color: #555555; }

.CodeMirror-selected { color: @foreground; background-color: #434D49; }

.CodeMirror-focused .CodeMirror-activeline .CodeMirror-nonmatchingbracket { color: #333333 !important; }

.CodeMirror-activeline-background { background: #333333 !important; }

.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { color: @foreground;

background-color: transparent !important; }

ちなみに、拡張機能があって、タブ切り替えはすぐに適用して動いているのだが、残念ながらミニ・マップは挙動が怪しいので使わないことにした。表示するときとしないときがあったり、そもそも表示されてもミニ・マップのところでコードが wordwrap されないため、ややコードが見辛い場合もあるからだ。ただ、Notepad++ や ComodoIDE などの激重なエディタと比べて、Brackets も CSS や JavaScript のエンジンを動かしている今風のエディタだが、なかなか動作は軽快だ。

ということで数時間ほど使った感想なのだが、基本的な機能を自由に変更できないという、なかなか重大な問題がある。いや、できるにはできるのだが、デバッグというへんな名称のメニューから「環境設定ファイルを開く」という項目で設定ファイルを開けるのに、そのファイルは編集不能なのである。よって、あのいかなるテキスト・エディタにおいても忌々しい autocomplete という憎むべき無能専用の機能を永久に僕の作業環境から追放するという作業がはねつけられてしまう。右に並んでいるほうのファイルを編集するようだ。そして、

"closeTags": { "dontCloseTags": [], "indentTags": [], "whenClosing": true, "whenOpening": false },

という行を追加してからリロードか再起動すればいい。