🔄 How to change the appearance of Arduino IDE

🔄 How to change the appearance of Arduino IDE

Daniil Zhuk

The development environment for Arduino family boards - the Arduino IDE - has a very modest and low-key look. Many people would like to customize it for themselves, but, unfortunately, so far this opportunity is missing. At least, by means of the development environment itself. However, this possibility is still there. Let's take a look at how to customize the look and feel of the Arduino IDE.

Instructions for customizing the appearance of the Arduino IDE

The default appearance of the Arduino IDE

Let's see what the standard IDE color scheme looks like. This is what the development environment looks like when it is first launched after downloading from the official site of Arduino. Blue panels, white text editing box, yellow highlighting, gray comments, keywords, and methods blue and orange, khaki procedures, etc.

Matching parts of the Arduino IDE interface with theme.txt file sections

All IDE appearance settings are stored in the% Folder_Arduino_IDE% \ lib \ theme \ theme.txt file. It describes all the settings of fonts and colors. There are many of them, let's open this file and consider its contents in more detail.
All parameters are divided into groups. Here are some:

Group name IDE Compliance
# GUI - STATUS colors and fonts of the status field
# GUI - TABS tabs
# GUI - CONSOLE console
# GUI - BUTTONS buttons
# GUI - LINESTATUS & # LINE STATUS status line
# EDITOR - DETAILS text editor options
# TEXT - KEYWORDS keyword colors (functions, methods, and structures)
# TEXT - LITERALS constants, literals
# TEXT - COMMENTS comments

The illustration shows the correspondence of the program interface details to the sections of the theme.txt file.

Change the appearance of the Arduino IDE

To change the appearance of the Arduino IDE, you need to close the development environment, if it is open, open the theme.txt file with any text editor, change the desired values ​​to the desired ones, save the file. Now run the IDE again - voila, the new style settings are applied automatically. Let's change some parameters to see everything clearly.

All parameters have semantic names, so it is clear what is responsible for what. For example, the parameters editor.bgcolor, editor.fgcolor and editor.comment1.style are responsible for the background text color, font color and comment color, respectively. Let's change a few parameters, save the theme.txt file and restart the Arduino IDE.
This is what the development environment for Arduino now looks like.

Now you know how to set up a development environment for Arduino completely to your taste.

Helpful advice
Backup the theme.txt file before experimenting with style settings.

In the same directory% Folder_Arduino_IDE% \ lib \ theme \ there are icons of buttons in the form of graphic files; If desired, they can be changed in a graphical editor.




Add a comment

* Comments must be approved before being displayed.