Skip to content

Instantly share code, notes, and snippets.

@hamoid
Last active Nov 23, 2021
Embed
What would you like to do?
Processing IDE dark theme
# Processing IDE - dark theme
# Deprecated! See below for a newer version for Processing 3.5.4 by @RandomGuy3015
# File location: processing-3.0a5/lib/theme.txt
# Make a backup of the original theme.txt
# Then replace it with this code
# Code colors can be adjusted in the preferences.txt file
# STATUS
# Status messages (1 file added to sketch, errors, etc)
status.notice.fgcolor = #949494
status.notice.bgcolor = #505050
status.error.fgcolor = #ffffff
status.error.bgcolor = #662000
status.edit.fgcolor = #000000
status.edit.bgcolor = #cc9900
status.font = processing.sans,plain,14
# TABS
# Settings for the tab area at the top.
header.bgcolor = #000000
#header.hide.image = false # in preferences.txt
header.hide.color = #0000FF
header.text.selected.color = #949494
header.text.unselected.color = #505050
header.text.font = processing.sans,plain,14
header.tab.selected.color = #505050
header.tab.unselected.color = #303030
# CONSOLE
# The font is handled by preferences, so its size/etc are modifiable.
console.color = #1C1C1C
console.output.color = #cccccc
console.error.color = #ff3000
# TOOLBAR BUTTONS
buttons.bgcolor = #1C1C1C
#buttons.hide.image = false # in preferences.txt
buttons.hide.color = #1C1C1C
buttons.bgimage = true
# TOOLBAR BUTTON TEXT
buttons.status.font = processing.sans,bold,13
buttons.status.color = #888888
# MODE SELECTOR
mode.button.font = processing.sans,bold,13
# outline color of the mode button
mode.button.color = #C6c6c6
# LINE STATUS
# The editor line number status bar at the bottom of the screen
linestatus.color = #c6c6c6
linestatus.bgcolor = #303030
linestatus.font = processing.sans,plain,13
linestatus.height = 20
# EDITOR - DETAILS
# foreground and background colors
editor.fgcolor = #949494
editor.bgcolor = #1C1C1C
# highlight for the current line
editor.linehighlight.color=#303030
# highlight for the current line
editor.linehighlight=true
# caret blinking and caret color
editor.caret.color = #BABDB6
# color to be used for background when 'external editor' enabled
editor.external.bgcolor = #c8d2dc
# selection color
editor.selection.color = #303030
# area that's not in use by the text (replaced with tildes)
editor.invalid.style = #7e7e7e,bold
# little pooties at the end of lines that show where they finish
editor.eolmarkers = false
editor.eolmarkers.color = #999999
# bracket/brace highlighting
editor.brackethighlight = true
editor.brackethighlight.color = #D75F5F
@hackingmath

This comment has been minimized.

Copy link

@hackingmath hackingmath commented Aug 1, 2016

Worked like a charm! Great job!
Peter Farrell
California
farrellpolymath.com

@CanadianBlaze34

This comment has been minimized.

Copy link

@CanadianBlaze34 CanadianBlaze34 commented Mar 9, 2018

Sorry, but can I ask what language this is written in?

@tbart239

This comment has been minimized.

Copy link

@tbart239 tbart239 commented Sep 19, 2018

Sorry, but can I ask what language this is written in?

@CanadianBlaze34 this is just a plain-text file. It's nothing other than plain English that gets parsed by the Processing PDE.

@RandomGuy3015

This comment has been minimized.

Copy link

@RandomGuy3015 RandomGuy3015 commented Nov 19, 2020

This doesn't work anymore, here is an updated version for Processing 3.5.4:

# STATUS
# Status messages (1 file added to sketch, errors, etc)
status.notice.fgcolor = #949494
status.notice.bgcolor = #505050
status.error.fgcolor = #ffffff
status.error.bgcolor = #9E0A0A
status.warning.bgcolor = #662000
status.warning.fgcolor = #000000
status.url.fgcolor = #cc9900
status.font = processing.sans,plain,13
# For the clipboard icon, needs to be a little larger on macOS
status.emoji.font = Dialog,plain,19
status.emoji.font.macosx = Dialog,plain,22

# HEADER TABS
# Settings for the tab area at the top.
header.text.font = processing.sans,bold,14
header.text.selected.color = #000000
header.text.unselected.color = #ffffff
header.tab.arrow.color = #ffffff
header.gradient.top = #132638
header.gradient.bottom = #122535
header.tab.selected.color = #949494
header.tab.unselected.color = #505050
header.tab.modified.color = #ef8115

# FOOTER TABS
footer.text.font = processing.sans,bold,12
footer.text.selected.color = #e0fffd
footer.text.unselected.color = #95adb0
footer.tab.arrow.color = #ffffff
footer.gradient.top = #132638
footer.gradient.bottom = #122535
footer.tab.selected.color = #949494
footer.tab.unselected.color = #505050
# updates orange #eb7f15
footer.updates.color = #ed7f15

# CONSOLE
# The font is handled by preferences, so its size/etc are modifiable.
console.color = #1C1C1C
console.output.color = #cccccc
# text color for errors printed in the console
console.error.color = #ff3000

# TOOLBAR BUTTONS
buttons.bgcolor = #1C1C1C

# for the debug and mode buttons
#reversed.gradient.top = #10212f
#reversed.gradient.bottom = #122637

## size of divider between editing area and the console
#divider.size = 0
## the larger divider on windows is ugly with the little arrows
## this makes it large enough to see (mouse changes) and use, 
## but keeps it from being annoyingly obtrusive
#divider.size.windows = 2

divider.height = 9
divider.color = #CCCCCC
divider.dot.diameter = 3
divider.dot.color = #505050

# TOOLBAR BUTTON TEXT
toolbar.rollover.font = processing.sans,plain,12
toolbar.rollover.color = #ffffff
toolbar.gradient.top = #142a3e
toolbar.gradient.bottom = #132638

# MODE SELECTOR
#mode.title.font = processing.sans,bold,15
mode.title.font = processing.sans,plain,12
mode.title.color = #ffffff
# outline color of the mode button
#mode.button.color = #C6c6c6
#mode.button.gap = 13
#mode.arrow.width
#mode.background.color = #3D5362
# stolen from gradient bottom
mode.background.color = #132638
mode.outline.color = #3a505e


# EDITOR - DETAILS

# foreground and background colors, change fgcolor to change font color
editor.fgcolor = #d1d1d1
editor.bgcolor = #1C1C1C

editor.gradient.top = #122535
editor.gradient.bottom = #010305

# highlight for the current line
#editor.linehighlight.color=#e2e2e2
editor.linehighlight.color=#303030
# highlight for the current line
editor.linehighlight=true

editor.caret.color = #BABDB6
editor.selection.color = #5d4875

# area that's not in use by the text (replaced with tildes)
editor.invalid.style = #7e7e7e,bold

# little pooties at the end of lines that show where they finish
editor.eolmarkers = false
editor.eolmarkers.color = #999999

# bracket/brace highlighting
editor.brackethighlight = true
editor.brackethighlight.color = #006699

editor.gutter.text.font = processing.mono,plain,11
#editor.gutter.text.color = #657d87
#editor.gutter.text.color = #587478
editor.gutter.text.color = #bbd6d5

# marker for breakpointed lines in left hand gutter (2 ascii characters)
#editor.gutter.breakpoint.marker = <>
#editor.gutter.breakpoint.marker.color = #4a545e

# marker for the current line in left hand gutter (2 ascii characters)
#editor.gutter.currentline.marker = ->
#editor.gutter.currentline.marker.color = #e27500

# bgcolor for the current (highlighted) line
editor.gutter.linehighlight.color=#587478

# left- and right-hand gutter color
editor.gutter.bgcolor = #122535

# color of vertical separation line
#gutter.linecolor = #e9e9e9
# space (in px) added to left and right of gutter markers
editor.gutter.padding = 3

# squiggly line underneath errors in the editor
editor.error.underline.color = #C40E0E
# squiggly line underneath warnings
editor.warning.underline.color = #ffc30e
# lines next to the scrollbar showing where errors are located
editor.column.error.color = #9F1613
editor.column.warning.color = #ffc30e

# not in use?
#breakpoint.bgcolor = #f0f0f0
#currentline.bgcolor = #ffff96

errors.header.font = processing.sans,plain,12
errors.header.bgcolor = #EBEBEB
errors.header.fgcolor = #484848
errors.row.font = processing.sans,plain,12
errors.row.fgcolor = #484848
errors.row.bgcolor = #FFFFFF
errors.selection.fgcolor = #242424
errors.selection.bgcolor = #E5E5E5
errors.selection.error.bgcolor = #F5E6E6
errors.selection.warning.bgcolor = #FDF2E7
#errors.indicator.size = 3
errors.indicator.error.color = #9E0A0A
errors.indicator.warning.color = #EF8115

manager.tab.selected.color = #e0fffd
manager.tab.unselected.color = #2d4251
manager.tab.text.font = processing.sans,bold,14
manager.tab.text.selected.color = #000000
manager.tab.text.unselected.color = #ffffff
# orange circle for updates
manager.tab.update.color = #ed7f15
manager.tab.gradient.top = #132638
manager.tab.gradient.bottom = #122535
manager.tab.background = #132638

# tree for Examples and Sketchbook windows
tree.font = processing.sans,plain,12

@hamoid

This comment has been minimized.

Copy link
Owner Author

@hamoid hamoid commented Nov 19, 2020

Thank you @RandomGuy3015 ! :)

@john7-bit

This comment has been minimized.

Copy link

@john7-bit john7-bit commented Aug 7, 2021

It works Great for the latest version - Processing 3.5.4. Thank you RandomGuy3015

@pete1302

This comment has been minimized.

Copy link

@pete1302 pete1302 commented Oct 31, 2021

Where is the theme.txt folder in Mac OS X ?

@hamoid

This comment has been minimized.

Copy link
Owner Author

@hamoid hamoid commented Nov 5, 2021

Hi @pete1302 , the folder location for Mac is described at https://github.com/jeffThompson/DarkProcessingTheme_3.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment