Dark theme for Ubuntu

Hi Everyone.
Arduino 1.8.19

In the file path /Arduino 1.8.19 / lib / theme / syntax /
there is two themes "Default.xml" and "Dark.xml" but I cannot select "Dark" in the Arduino preferences.

The options I Googled so far is to download the Dark theme from Github but it is already installed.

I did rename "Default" to "Default1" and "Dark" to "Default" start Arduino ide , nothing to select in preferences and theme is still not Dark.

How do I change to the Dark theme?

Hi @mikedb. I think that file was the result of someone starting on creating an official dark theme for the IDE, but they never actually followed through to finish the project.

However, the Arduino community has created several themes. Maybe one of those will be to your liking. I'll share the list of all the themes I know of:

Custom Theme

If you decide you want to modify an existing theme, or make your own from scratch, you can find documentation of the theme system and a dummy library and sketch to facilitate testing here:

Installation

You have two options for installing themes to the sketchbook: direct installation or installation as "ZIP" files.

I'll provide instructions for both options below:


Direct installation

This installation option is best if you are going to use a single custom theme.

  1. Select File > Preferences... (or Arduino > Settings... for macOS users) from the Arduino IDE menus.
    The "Preferences" dialog will open.
  2. Take note of the path shown in the "Sketchbook location" field in the "Preferences" dialog.
    This is the path to your "sketchbook folder".
  3. Click the "Cancel" button.
  4. Select File > Quit (or Arduino > Quit Arduino for macOS users) from the Arduino IDE menus.
    All Arduino IDE windows will close.
  5. Open the sketchbook folder in your file manager.
    If you are using Windows, this would be File Explorer.
  6. Create a subfolder in your sketchbook folder named theme.
  7. Put the theme directly into the theme folder you created.

The folder structure must look like this:

<sketchbook folder>
|_ theme
   |_ syntax
   |   |_ etc...
   |_ theme.txt
   |_ etc...

"ZIP" file installation

This installation option is best if you want to switch between multiple custom themes, or if you are using a pre-made theme that supports this installation method.
The second option is to put the theme in a "ZIP" file, then put that in the theme subfolder of the sketchbook folder.

  1. Select File > Preferences... (or Arduino > Settings... for macOS users) from the Arduino IDE menus.
    The "Preferences" dialog will open.
  2. Take note of the path shown in the "Sketchbook location" field in the "Preferences" dialog.
    This is the location of your "sketchbook folder".
  3. Click the "Cancel" button.
  4. Select File > Quit (or Arduino > Quit Arduino for macOS users) from the Arduino IDE menus.
  5. Open the sketchbook folder in your file manager.
    If you are using Windows, this would be File Explorer.
  6. Create a subfolder in your sketchbook folder named theme.
  7. Put the theme "ZIP" file directly into the theme folder you created.
  8. Start Arduino IDE.
  9. Select File > Preferences... (or Arduino > Settings... for macOS users) from the Arduino IDE menus.
  10. Select the theme from the File > Preferences > Theme menu.
  11. Select File > Quit (or Arduino > Quit Arduino for macOS users) from the Arduino IDE menus.
    All Arduino IDE windows will close.
  12. Start Arduino IDE.
    The theme you selected from the menu will now be active.

The folder and "ZIP" file structure must look like this:

<sketchbook folder>
|_ theme
   |_ MyCoolTheme.zip
      |_ syntax
      |   |_ etc...
      |_ theme.txt
      |_ etc...

There is a sort of tricky thing about this installation option. The theme must be in the root of the "ZIP" file, NOT in a subfolder. Some "ZIP" utilities make that difficult or even impossible (especially the macOS one), but a Windows user won't have any difficulty:

  1. Select all the files of the theme in Windows File Explorer.
  2. Right click on the selected files.
  3. Select Send to > Compressed (zipped) folder from the menu.

The awesome thing about this option is it allows you to have multiple themes installed (each in its own "ZIP" file). You can chose which one you prefer via the "Theme" menu of Arduino IDE's "Preferences" dialog. This menu will include the option to select the "Default theme", which is the one installed with the IDE.

Let's say you had two themes, one you wanted to show up in the Theme menu as "MyCoolTheme" and another you wanted to show up as "MyOtherCoolTheme", the folder structure should look like this:

<sketchbook folder>
|_ theme
   |_ MyCoolTheme.zip
   |  |_ syntax
   |  |   |_ etc...
   |  |_ theme.txt
   |  |_ etc...
   |_ MyOtherCoolTheme.zip
      |_ syntax
      |   |_ etc...
      |_ theme.txt
      |_ etc...

Thanks got it to work in Windows ide 1.8.19.
I did not test it on Ubuntu yet.

I pick a theme from the middle of the list >conrad91 this is the comparison.
Can I copy the the theme from 2.3.6 to 1.8.19?

1.8.19 Left and 2.3.6 Right , need to find a theme that looks the same.

No. The two applications use completely different theming systems.

Thanks.

Where is the "theme" folder in Windows for Arduino 2.3.6.
I did test a few of the themes in your list but it seem to not look the same as in 2.3.6.

So my idea is to change the colors of a theme that is almost the same as in 2.3.6 using the theme colors from 2.3.6.

For Arduino IDE 2.x, you install themes under a folder you create at the following path on your hard drive:

C:\Users\<username>\.arduinoIDE\plugins

However, that is only for additional themes you install. It appears you are using the built-in "Dark High Contrast" theme in Arduino IDE 2.x. The source of that theme is here:

A community member shared information on the Arduino IDE 2.x theme system here:

Thanks a lot , I manage to change Ubuntu to a Dark theme.

You are welcome. I'm glad you were able to get the theming to your liking.

Out of curiosity, which specific theme did you end up using? Did you use one of the ones the community created, or did you make your own custom theme?

Way to complicated to start my own theme , I just edit the theme.

I tested a few themes and ended up with the "conrad91"theme.
I manage to change the back ground from grey to black and the comments from white to green.

Still need to make the green brighter and change the pinkish to Orange.

Very much needed. The current comment color is a bit depressing to look at against the black background!