Forum: Compiler & IDEs Farbgebung des Arduino Editors


Announcement: there is an English version of this forum on EmbDev.net. Posts you create there will be displayed on Mikrocontroller.net and EmbDev.net.
von Al. K. (alterknacker)


Angehängte Dateien:

Lesenswert?

Ist es möglich die Farbgebung des Arduino  Editors zu verändern?
Ähnlich wie im Beispiel Farbe.
Bin nicht für solche Darstellung , aber für mich mit grauen Star, bis 
zur Op.
bestens geeignet.
Kann man die Farben im Arduino Editor auf einfache weise vom Anwender 
ändern.
MfG
Alter Knacker

: Verschoben durch Moderator
von Sebastian R. (sebastian_r569)


Lesenswert?


von Al. K. (alterknacker)


Lesenswert?

Link geht nicht bei mir...

von Harald K. (kirnbichler)


Angehängte Dateien:

Lesenswert?

Hier geht er.

Browser kaputt?

von Al. K. (alterknacker)


Lesenswert?

Seiten mit weisen Hintergrund kann ich kaum noch lesen.
Brauche dadurch möglich direkte Information.

Link geht immer noch nicht

: Bearbeitet durch User
von Max B. (citgo)


Lesenswert?

Doch, der Link geht!
Was geht denn bei dir nicht?
Das Draufklicken? Seite nicht erreichbar? Kein Internet? 404?

von Harald K. (kirnbichler)


Lesenswert?

Welche Version der Arduino-IDE nutzt Du?

1.x oder 2.x?

Alternativ kannst Du auch Dein komplettes Windows umstellen - dazu die 
Tasten "Alt", "Shift" (links) und "Druck" gleichzeitig drücken.

: Bearbeitet durch User
von Matthias S. (da_user)


Lesenswert?

Al. K. schrieb:
> Seiten mit weisen Hintergrund kann ich kaum noch lesen.
> Brauche dadurch möglich direkte Information.


Hilft dir C&P aus dem link? Geht halt einiges an "Design" verloren, aber 
mit etwas mitdenken sollte es so auch lesbar sein:

Arduino IDE 2.x is built on the Eclipse Theia IDE framework 80, which 
allows it to use VS Code 49 themes.

Table of Contents
Install a Pre-Made Theme
Find Theme
Install Theme in Arduino IDE
Make a Custom Theme
Generate VS Code Extension Template
Design Theme
Manually
VS Code Theme Studio
Install Theme in Arduino IDE
Uninstalling Themes

Install a Pre-Made Theme
If you have used VS Code, you will be used to installing extensions via 
the manager in the application. Arduino IDE 2.x does not have that 
capability, so the installation process is different.


Find Theme
You can find a huge number of free pre-made VS Code themes on the Visual 
Studio Marketplace website.

Find a theme you want to install:
Themes Extensions - Visual Studio Marketplace 690
Click on the theme to open its extension page.
Click the "Download Extension" link on the right side of the page.
Wait for the download to finish.

Install Theme in Arduino IDE
The downloaded file will have the .vsix file extension of VS Code 
extensions. This file is really a ZIP archive. It must be unzipped to a 
folder and then that folder copied to a specific location under the 
Arduino IDE installation:

Unzip the downloaded file to a folder. The result will look something 
like this:

some-theme/
├── [Content_Types].xml
├── extension/
└── extension.vsixmanifest
ⓘ Depending on which unzipping utility you use, it may help to rename 
the file to use a .zip extension. For example, on Windows that will 
allow you to right click the file and select "Extract All..." from the 
context menu.

Create a folder named plugins under Arduino IDE's configuration folder:

Windows:
C:\Users\<username>\.arduinoIDE\
(where <username> is your Windows username)
Linux:
~/.arduinoIDE/
:exclamation: The .arduinoIDE folder is hidden by default in the file 
manager and terminal.
macOS:
~/.arduinoIDE/
:exclamation: The .arduinoIDE folder is hidden by default. You can make 
it visible by pressing the
Command
+
Shift
+
.
 keyboard shortcut.
ⓘ If you are using Arduino IDE 2.0.4 or older, name the folder 
extensions instead of plugins, and substitute that folder name in the 
rest of the instructions.

Copy the unzipped theme folder to the plugins folder you created.
(e.g., C:\Users\<username>\.arduinoIDE\plugins\some-theme).

If Arduino IDE is running, select File > Quit from the Arduino IDE menus 
to exit all windows.

Start Arduino IDE.

Select File > Preferences from the Arduino IDE menus.

Open the "Theme" menu.

Select the name of the new theme from the menu.

Click the
OK
 button.


Make a Custom Theme
In case you don't find a pre-made theme to your liking, or you just want 
to experiment with the theme system, you can make your own.

I will provide some basic instructions below.

Note that there is a ton of information available on the Internet about 
creating VS Code themes. Except for some small differences, that 
information will also be applicable to creating a theme for use with 
Arduino IDE. So if you find that the information I share below is 
deficient, it is likely your questions can be answered with a quick 
Google search. When searching for this information do not use keywords 
like "arduino", since this would poison your search by filtering out 
many valuable results.


Generate VS Code Extension Template
VS Code themes are packaged as extensions. This requires setting up some 
basic metadata in addition to the theme configuration data. One option 
for setting this up is to use the free open source Yeoman 18 tool:

If you don't have it already, install Node.js:
Download | Node.js 42
Open a command line terminal at a convenient location.
The extension will be created in a subfolder of this location.
Run the following command from the command line:
npx --package=yo --package=generator-code yo code
If you get a "Need to install the following packages: ..." prompt, press
Enter
 to confirm.
Wait for the packages to load.
When you see the "What type of extension do you want to create? (Use 
arrow keys)" prompt, press the
↓
 key until "New Color Theme" is selected.
Press the
Enter
 key.
At the "Do you want to import or convert an existing TextMate color 
theme? (Use arrow keys)" prompt, select "No, start fresh".
You will now be presented with a series of prompts about how you would 
like to configure your theme. Respond to these according to your 
preferences.
At the end of the process, the extension template will be written to 
disk and its path will be shown.
For example:
Writing in C:\Users\asdf\Documents\my-theme...

Design Theme
There are several options for designing the theme. I'll describe a 
couple of them below:


Manually
A JSON 4 format theme data file was created by the previous step under 
the themes subfolder of the extension folder (e.g., 
C:\Users\asdf\Documents\my-theme\themes\my-theme.json). If you like, you 
can open this file in a text editor and make your preferred changes 
manually.


VS Code Theme Studio
A website is available to design themes via a GUI interface:

Sign in to the VS Code Theme Studio site: https://themes.vscode.one/ 139
Select "Create New Theme" from the menu on the left side of the page.
Select your preference of whether to start from a "light" or "dark" base 
theme from the "Light or dark?" dialog.
Click the
Create Theme
 button.
Select the component you would like to customize from the menu on the 
left side of the page.
Select the color you would like for that component.
You will see a preview of how it looks in the simulated VS Code window 
on the page.
Repeat until you have finished your customizations.
Click the
Save Theme
 button at the top right corner of the page.
Hover your mouse pointer over the theme you created.
Click the icon that looks like a cloud with a downward pointing arrow to 
download the theme to your computer.
Replace the content of the file in the themes subfolder of the extension 
you created in the first step (e.g., 
C:\Users\asdf\Documents\my-theme\themes\my-theme.json) with the content 
of the downloaded file.

Install Theme in Arduino IDE
Create a folder named plugins under Arduino IDE's configuration folder:

Windows:
C:\Users\<username>\.arduinoIDE\
(where <username> is your Windows username)
Linux:
~/.arduinoIDE/
:exclamation: The .arduinoIDE folder is hidden by default in the file 
manager and terminal.
macOS:
~/.arduinoIDE/
:exclamation: The .arduinoIDE folder is hidden by default. You can make 
it visible by pressing the
Command
+
Shift
+
.
 keyboard shortcut.
ⓘ If you are using Arduino IDE 2.0.4 or older, name the folder 
extensions instead of plugins, and substitute that folder name in the 
rest of the instructions.

Copy the folder of your theme extension created to the plugins folder 
you created.
(e.g., C:\Users\<username>\.arduinoIDE\plugins\my-theme)

If Arduino IDE is running, select File > Quit from the Arduino IDE menus 
to exit all windows.

Start Arduino IDE.

Select File > Preferences from the Arduino IDE menus.

Open the "Theme" menu.

Select the name you assigned your theme extension in the first step from 
the menu.

Click the
OK
 button.

von Al. K. (alterknacker)


Angehängte Dateien:

Lesenswert?

Max B. schrieb:
> Das Draufklicken? Seite nicht erreichbar? Kein Internet? 404?
Hatte nur ewig gedauert, Hintergrundinstallation verlangsamt oder 
blockiert.

Die Seite kenne ich natürlich.
habe nochmals gesucht!

Harald K. schrieb:
> Welche Version der Arduino-IDE nutzt Du?

1.8.13

Harald K. schrieb:
> Alternativ kannst Du auch Dein komplettes Windows umstellen - dazu die
> Tasten "Alt", "Shift" (links) und "Druck" gleichzeitig drücken.
mal testen!

Schwarzer Hintergrund ist schon sehr hilfreich.

MfG
alterknacker

von Sebastian R. (sebastian_r569)


Lesenswert?

Al. K. schrieb:
> habe nochmals gesucht!

Es ist ein englisches Forum mit englischen Anweisungen.

Al. K. schrieb:
> Schwarzer Hintergrund ist schon sehr hilfreich.

IDE 2.X kommt standardmäßig mit einer "dark theme".

Für 1.8 gibt es zum Beispiel:
https://projecthub.arduino.cc/rahulkhanna/dark-theme-for-arduino-ide-a12efd

Achtung: Das ist eine englische Seite. Deutsche Suchbegriffe wirst du 
dort nicht finden.

: Bearbeitet durch User
von Al. K. (alterknacker)


Lesenswert?

Sebastian R. schrieb:
> IDE 2.X kommt standardmäßig mit einer "dark theme".
>
> Für 1.8 gibt es zum Beispiel:
> https://projecthub.arduino.cc/rahulkhanna/dark-theme-for-arduino-ide-a12efd
Scheint recht gut erklärt zu sein.
Nur die Bildschirm Kopien kann ich nicht lesen.
Kann es dadurch noch nicht ausführen.
Werde es mal auf einen größeren Bildschirm versuchen, wenn es ein 
gangbarer weg ist.


MfG
alterknacker

von Al. K. (alterknacker)


Lesenswert?

Al. K. schrieb:
> Sebastian R. schrieb:
>> IDE 2.X kommt standardmäßig mit einer "dark theme".

Ich habe jetzt einiges über Windows umstellen können.
Die Lesbarkeit ist für mich besser und auch weniger Anstrengung mit 
dunklen Hintergrund.

Das einbinden von "Dark" in 1.8.x ist schon etwas aufwendig und ich muss 
mich für mich nicht durch schwer lesbare Seiten durcharbeiten....

Was ist der Große Unterschied zu 2.x.   wo "Dark" schon vorhanden ist.
Habe auch in meinen Alter von fast 80 Jahren nicht mehr vor
große komplexe Programme zu erstellen.
Bissel DCC,SX, Lichttechnik,Kleinmodellbahnsteuerungen usw. werde ich 
machen.
Sound und Grafik Einbindungen nicht zu vergessen.

MfG
alterknacker

: Bearbeitet durch User
von Harald K. (kirnbichler)


Lesenswert?

Al. K. schrieb:
> Was ist der Große Unterschied zu 2.x.   wo "Dark" schon vorhanden ist.

2.x ist die bessere IDE. Bei der kannst Du mit einem Rechtsklick auf 
einen Text im Editor zu dessen Definition gehen, d.h. es wird die Datei 
geöffnet, in der das Symbol/die Variable/die Funktion definiert ist.

Das ist schon ganz hilfreich, und etwas, was andere IDEs seit 
Jahrzehnten können.

Viel Glück bei Deiner Star-OP, die wird Deine Lebensqualität ziemlich 
sicher deutlich verbessern.

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.