ときどきプログラミング

プログラミングとかで遊んで面白かったことをシェアするブログ

Processingの開発環境をダークテーマに変える方法

Processingの開発環境はおしゃれじゃない!!

デフォルトのデザインだと、開発する気にさえならないと思いませんか。

私は Sublime text みたいな見た目が好きなのです。

http://www.sublimetext.com/

そこで、Processingの開発環境を下記みたいなダークテーマに変えてみた。

f:id:kurashiki8bit:20140312175603p:plain

実際に行ったのは、Processing2.0.3。

2.1系は日本語にバグあるので使わない。

https://github.com/jeffThompson/DarkProcessingTheme_2.0

上記URLの「Download ZIP」から、DarkProcessingTheme_2.0-master.zipをダウンロード&解凍。

# cd /Applications/Processing.app/Contents/Resources/Java/lib

このフォルダにある、「theme.txt」を解凍した中にある同名ファイルで上書き。

「preferences.txt」は上書きしないでOK。

# cd /Applications/Processing.app/Contents/Resources/Java/modes/java

このフォルダにある、「theme」フォルダを

解凍した中にある同名フォルダで中身ごと上書き。

(この中にあるtheme.txtを編集するとJavaモードの見た目に影響するみたい)

Androidモードを追加している場合は、modesディレクトリ(設定により場所は異なる)に移動。(私はDropboxに入れてる)

# cd /Users/***/Dropbox/Processing/modes/AndroidMode

このフォルダにある、「theme」フォルダを

解凍した中にある同名フォルダで中身ごと上書き。

(この中にあるtheme.txtを編集するとAndroidモードの見た目に影響するみたい)

で、Processingを再起動したらダークテーマになった。


微調整

androidのtheme.txtの一部を書き換え(背景を真っ黒にしたかった)

# vi theme.txt
editor.bgcolor = #000000

エディタの文字をRictyフォントに変えたい。

Processingメニューの環境設定から、最下部の、More preference can be edited 〜を開き、

preferences.txtをエディタで開く。

次に、preferences.txtの編集中は、Processingは終了させておかないと設定が反映されないので、

Processingを一旦終了させる。

※ 実際の場所は、/Users/***/Library/Processing/preferences.txt みたい。

※ /Applications/Processing.appの中にあるpreferences.txtはサンプルなので変えても意味なし。

editor.font=processing.mono,plain,10
editor.font.macosx=Monaco,plain,10

editor.font=Ricty,plain,15
editor.font.macosx=Ricty,plain,15

に変えてProcessingを起動。

文字サイズ15は、Processingの環境設定からEditor font sizeで改めて指定。


他に、起動時の画面サイズが毎回小さいので下記のように変更する。

editor.window.height.default=875
editor.window.width.default=910

p.s. こっちのテーマも気になるなあ。

http://hellowoo.com/processing/dark-theme-syntax-highlighting/

…ちょっとメニューが暗いかな。