Vertical scroll bar color

Development Tools IDE 2.x
4

Hi @Arctic_Eddie

The Arduino IDE developers are tracking this problem here:

There was a bug in the Eclipse Theia IDE framework Arduino IDE is built on that prevented the adjustment of the scrollbar size from the non-standard size the Theia developers chose arbitrarily.

That bug has been fixed in Theia, but Arduino IDE was using a version of its Theia dependency from before the fix at the time of the latest Arduino IDE 2.1.1 release. This means that it is currently only possible to adjust the scrollbar size when using the nightly build of Arduino IDE 2.x.

In case you are interested in giving it a try, the nightly build download links are listed here:

https://www.arduino.cc/en/software#nightly-builds

I'll provide the instructions for adjusting the size in the Arduino IDE advanced settings:

  1. Press the Ctrl+Shift+P keyboard shortcut (Command+Shift+P for macOS users) to open the "Command Palette".
    A menu will appear on the editor toolbar:
    image
    image440×112 11.9 KB
  2. Select the "Preferences: Open Settings (UI)" command from the menu.
    ⓘ You can scroll down through the list of commands to find it or type the name in the field.
    A "Preferences" tab will open in the Arduino IDE main panel.
  3. Type editor.scrollbar.verticalScrollbarSize in the "Search Settings" field of the "Preferences" tab.
  4. Set your desired vertical scrollbar width in the field under the "Editor › Scrollbar: Vertical Scrollbar Size" setting.
  5. Type editor.scrollbar.horizontalScrollbarSize in the "Search Settings" field of the "Preferences" tab.
  6. Set your desired horizontal scrollbar height in the field under the "Editor › Scrollbar: Horizontal Scrollbar Size" setting.
  7. Close the Preferences tab by clicking its X icon.

There isn't a way to change the color of individual UI elements via the Arduino IDE preferences:

But you can install your own complete themes, including custom themes where you chose your own colors.

Note that, as MaximoEsfuerzo pointed out already, the information about custom themes in the link provided by xfpd is specific to Arduino IDE 1.x. The good news is that there are a huge number of 3rd party themes available for Arduino IDE 2.x thanks to its support for the themes of the hugely popular VS Code editor.

The instructions for installing custom themes are here:

https://github.com/arduino/arduino-ide/blob/main/docs/advanced-usage.md#3rd-party-themes

In case you don't find an existing 3rd party theme that meets your needs, you can create your own. There is some information about creating your own custom themes here: