Increase contrast of "Select board" text in the GUI in Linux

[aliphys]

Describe the request

Make the "Select board" text more clear by using the same colour scheme in Windows (dark grey text on light grey background)

Describe the current behavior

The "Select Board" element is white on a light grey background and very difficult to see.

arduino-ide/arduino-ide-extension/src/browser/boards/boards-toolbar-item.tsx

Line 211 in eb1f247

nls.localize('arduino/board/selectBoard', 'Select Board');

This is also the case when a board is selected as well.

Arduino IDE version

2.0.4

Operating system

Linux

Operating system version

Ubuntu 22.04

Additional context

No response

Issue checklist

• I searched for previous requests in the issue tracker
• I verified the feature was still missing when using the latest nightly build
• My request contains all necessary details

[aliphys]

The lack of contrast is only problematic on the default Light (Arduino) theme. For example, this is the Light (Theia) theme in which the text is clear.

[kittaakos]

Make the "Select board" text more clear by using the same colour scheme in Windows (dark grey text on light grey background)

Thank you for taking the time to report the issue, @aliphys 👍

This issue is related to the eclipse-theia/theia#11151 upstream defect. We have a pending fix for the problem, but it will be available after the next IDE2 release: #1994.

Please check if you can fix the problem locally. I am going to provide the steps:

• Start IDE2,
• When the window has loaded, please press Ctrl/⌘+Alt+I,
• The right-hand side of the window the developer tools opens,
• If you do not see the Console, press Esc,
• Type the following into the console indexedDB.deleteDatabase('theia-monaco') and press Enter.
• Restart IDE2.

delete_indexedDB.mp4

Thank you!

[aliphys]

Thanks @kittaakos for your explanation and clear steps. I followed your steps, did not see any changes locally

Screencast.from.04-11-2023.11.13.15.PM.webm

[aliphys]

Following the same steps on the nightly build Version: 2.0.5-nightly-20230403 Date: 2023-04-03T03:03:24.048Z, also does not fix the contrast.

Hope you have fun working on #1994 😃 Do let me know if I can provide additional information from my side @kittaakos

[kittaakos]

Thank you for trying it. Could you please zip up the ~/.config/arduino-ide folder and attach it to the issue if it's not too large? On my macOS, it's less than 2 MB. We will figure out another way to share this folder if it's impossible.

[aliphys]

Here you go!
arduino-IDE folder.zip

Both the arduino-ide and Arduino IDE folders are included in the zip file.

[kittaakos]

I copied the arduino-ide folder content to the macOS location (/Users/a.kitta/Library/Application Support/arduino-ide), and I could reproduce the strange coloring on macOS with 2.0.4.

[kittaakos]

I followed your steps, did not see any changes locally

Strange. It worked for me.

reset.mp4

@aliphys, could you please double-check you have executed the command in the Console without any typos?

[aliphys]

I entered exactly this command into the console:

indexedDB.deleteDatabase('theia-monaco')

[aliphys]

The themes included in IDE 2.1.0, do not have the problem stated in this issues anymore.

• Light
  • 
• Dark
  • 
• High Contrast
  • 

Marking issue as completed! Thanks @kittaakos 🎉