# Processing 4. Change editor window colour?

**URL:** https://discourse.processing.org/t/processing-4-change-editor-window-colour/31717
**Category:** Processing
**Created:** [August 13, 2021, 5:12pm UTC](https://discourse.processing.org/t/processing-4-change-editor-window-colour/31717 "2021-08-13T17:12:21Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![behreajj](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@behreajj](https://discourse.processing.org/u/behreajj)
#### Post date: [August 13, 2021, 8:45pm UTC](https://discourse.processing.org/t/processing-4-change-editor-window-colour/31717/2 "2021-08-13T20:45:29Z")

</div>

Hi @JSGauthier ,

I’m very much in the same boat. One place to start is to go to the folder where you downloaded Processing, go within the `lib` folder, open `theme.txt` and look for `editor.bgcolor`. The text color should be below it. For reference, I copied my personal theme below. It still needs a lot of work.

You’d need to edit the image files that are scattered through-out to get rid of all the bright blues. I had to change the start up splash image (about-1x.png and about-2x.png). I also manually set

```auto
welcome.four.beta.show = false
welcome.four.beta.seen = true

```

in `defaults.txt` and in my preferences (I did both just for good measure).

_I’ve not had time to review all the changes made about themes, so there may be more settings and files you have to dig around and change._

```auto
# STATUS
# Status messages (1 file added to sketch, errors, etc)
status.notice.fgcolor = #161e3f
status.notice.bgcolor = #7987a0
status.error.fgcolor = #ffffff
status.error.bgcolor = #e10c2f
status.warning.bgcolor = #fed456
status.warning.fgcolor = #764a00
status.url.fgcolor = #cccccc
status.font = processing.sans,plain,13
# For the clipboard icon, needs to be a little larger on macOS
status.emoji.font = Dialog,plain,22
status.emoji.font.macosx = Dialog,plain,22

# HEADER TABS
# Settings for the tab area at the top.
header.text.font = processing.sans,plain,14
header.text.selected.color = #fff7d5
header.text.unselected.color = #fff7d5
header.tab.arrow.color = #007fff
header.gradient.top = #131313
header.gradient.bottom = #131313
header.tab.selected.color = #232323
header.tab.unselected.color = #131313
header.tab.modified.color = #007fff

# FOOTER TABS
footer.text.font = processing.sans,plain,12
footer.text.selected.color = #fff7d5
footer.text.unselected.color = #fff7d5
footer.tab.arrow.color = #007fff
footer.gradient.top = #131313
footer.gradient.bottom = #131313
footer.tab.selected.color = #232323
footer.tab.unselected.color = #131313
footer.updates.color = #007fff

# CONSOLE
# The font is handled by preferences, so its size/etc are modifiable.
console.color = #131313
console.output.color = #fff7d5
console.error.color = #e10c2f

# TOOLBAR BUTTONS
buttons.bgcolor = #131313

# for the debug and mode buttons
#reversed.gradient.top = #131313
#reversed.gradient.bottom = #131313

## 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 = #131313
divider.dot.diameter = 3
divider.dot.color = #505050

# TOOLBAR BUTTON TEXT
toolbar.rollover.font = processing.sans,plain,12
toolbar.rollover.color = #fff7d5
toolbar.gradient.top = #131313
toolbar.gradient.bottom = #131313

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

# EDITOR - DETAILS

# foreground and background colors
editor.fgcolor = #fff7d5
editor.bgcolor = #131313

editor.gradient.top = #131313
editor.gradient.bottom = #131313

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

editor.caret.color = #00afff
editor.selection.color = #404040

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

# 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 = #007fff

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

# 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=#9aa6c0

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

# 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 = #f63943
# squiggly line underneath warnings
editor.warning.underline.color = #fed456
# lines next to the scrollbar showing where errors are located
editor.column.error.color = #ff5355
editor.column.warning.color = #fed456

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

errors.header.font = processing.sans,plain,12
errors.header.bgcolor = #131313
errors.header.fgcolor = #fff7d5
errors.row.font = processing.sans,plain,12
errors.row.bgcolor = #131313
errors.row.fgcolor = #fff7d5
errors.selection.bgcolor = #404040
errors.selection.fgcolor = #fff7d5
errors.selection.error.bgcolor = #e10c2f
errors.selection.warning.bgcolor = #FDF2E7
#errors.indicator.size = 3
errors.indicator.error.color = #9E0A0A
errors.indicator.warning.color = #EF8115

manager.tab.selected.color = #e6edfe
manager.tab.unselected.color = #2d4251
manager.tab.text.font = processing.sans,plain,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

# !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

# TEXT - KEYWORDS, LITERALS
# For an explanation of these tags, see Token.java:
# processing/app/src/processing/app/syntax/Token.java

editor.token.function1.style = #007fff,plain
editor.token.function2.style = #007fff,plain
editor.token.function3.style = #669900,plain
editor.token.function4.style = #007fff,plain

editor.token.keyword1.style = #00ff7f,plain
editor.token.keyword2.style = #00ff7f,plain
editor.token.keyword3.style = #669900,plain
editor.token.keyword4.style = #d94a7a,plain

# Primitive (int)
editor.token.keyword5.style = #ff7f00,plain
editor.token.keyword6.style = #00ff7f,plain

editor.token.literal1.style = #7D4793,plain
editor.token.literal2.style = #718a62,plain

editor.token.operator.style = #007fff,plain

editor.token.label.style = #666666,plain

editor.token.comment1.style = #666666,plain
editor.token.comment2.style = #666666,plain

editor.token.invalid.style = #666666,plain

```

---

_[View the full topic](https://discourse.processing.org/t/processing-4-change-editor-window-colour/31717)._