SCIFI User Interface Designer Lukasz Wieczorek
Posted on October 16, 2012 by lukasz on design, Processing

Custom dark theme syntax highlighting for Processing

I’ve learned that after looking at a coding interface for hours that is white, it starts to get tiring. Since I design user interfaces all day … I had a thought that I might be able to change the colors, I had some something similar for extendScript toolkit a while back ago so I figured I would give it a shot for this. I poked around for a while and found a few files I needed. It’s actually very easy…I’m surprised I didn’t find documentation on it (though I’m sure it’s out there somewhere).

Here are the steps I took to change it

  1. You have to go into this folder:
    note: you have to right click processing and select “view contents” to get into it, since it’s an .app file.
  2. then replace the files in there with the following files: (make sure you backup in case something goes wrong!) or you can just redownload the program.
  3. This last step isn’t necessary but helps make the text more readable. Go into preferences of processing and changes to these values:

this allows for your text to be anti-aliased and bumps up the font to a little bit of a more readable size.

Ideally I would have liked it to look like this, however I wasn’t quite able to

So if any of you out there are UI hackers and know how to get closer, let me know in comments. Hit me up with any other questions you have as well. I have tested this with Processing 1.0 as well as newly released 2.0

edit: added another theme, check it out. use this file instead for mode folder:


Join the discussion 6 Comments

  • Reply


    January 25, 2013 at 10:00 am

    Thank you.

  • Reply

    Saurabh Datta

    February 9, 2013 at 5:43 pm

    Do you have any hints to do it in windows? I followed the exact steps in my windows machine. Didn’t work.

    • Reply


      February 17, 2013 at 4:13 pm

      can you send a screen shot of what the directory looks like?
      I been meaning to try this on my windows machine, but just haven’t had time.

  • Reply


    October 28, 2013 at 7:59 pm

    Awesome !

  • Reply


    December 19, 2013 at 3:33 pm

    I would love to have Adobe Extendscript Toolkit get this theme!!! Is it possible? The default one sux.

    • Reply


      December 28, 2013 at 8:12 pm

      yeah actually I did something similar a while back ago. here you go:

      replace 00globals.jsx in: /Applications/Adobe ExtendScript Toolkit CC/ExtendScript

Leave a Reply