Как изменить внешний вид arduino ide

Инструкция по настройке внешнего вида среды Arduino IDE

1 Внешний вид Arduino IDE по умолчанию

Давайте посмотрим, как выглядит стандартная цветовая схема IDE. Так выглядит среда разработки при первом запуске после скачивания с официального сайта Ардуино. Голубые панели, белое поле для редактирования текста, жёлтая подсветка, серые комментарии, ключевые слова и методы голубые и оранжевые, процедуры цвета хаки и т.д.

2 Соответствие частей интерфейса Arduino IDEразделам файла theme.txt

Все настройки внешнего вида IDE хранятся в файле %папка_Arduino_IDE%libthemetheme.txt. В нём описаны все настройки шрифтов и цветов. Их много, давайте откроем данный файл и рассмотрим его содержимое подробнее. Все параметры разделены на группы. Вот какие:

На иллюстрации показано соответствие деталей интерфейса программы разделам файла theme.txt.

3 Изменение вешнего видаArduino IDE

Чтобы поменять внешний вид Arduino IDE, нужно закрыть среду разработки, если она открыта, открыть любым текстовым редактором файл theme.txt, поменять нужные значения на желаемые, сохранить файл. Теперь снова запускаем IDE – вуаля, новые настройки стиля применены автоматически. Давайте изменим некоторые параметры, чтобы увидеть всё наглядно.

Все параметры имеют смысловые названия, так что понятно, что за что отвечает. Например, параметры editor.bgcolor, editor.fgcolor и editor.comment1.style отвечают за цвет фона текстового редактора, цвет шрифта и цвет комментариев, соответственно. Давайте изменим несколько параметров, сохраним файл theme.txt и перезапустим Arduino IDE.Вот как теперь выглядит среда разработки для Ардуино.

Теперь вы знаете, как настроить среду разработки для Ардуино полностью на свой вкус.

Полезный совет

Сделайте резервную копию файла theme.txt, прежде чем экспериментировать с настройками стилей.

В той же директории %папка_Arduino_IDE%libtheme находятся иконки кнопок в виде графических файлов; при желании их можно изменить в графическом редакторе.

Сегодня я расскажу как настроить внешний вид среды разработки Arduino IDE. К сожалению, в графическом интерфейсе Arduino IDE нельзя сделать настройки цветовой схемы оформления. Но это можно сделать вручную.

Для изменения цветов оформления среды разработки необходимо внести изменения в файл theme.txt

Вот параметры которые вы можете изменить:

editor.bgcolor — задает цвета фона
editor.fgcolor — задает цвет текста
editor.linehighlight.color — задает цвет подсветки текущей строки

Цвет задается в шеснадцатеричном формате как RGB компоненты.

Mac OS X

Я работаю под Mac OS, поэтому начну с нее. Лично мне нравятся темные темы оформления. Вот так выглядит моя среда разработки.

Файл theme.txt можно найти использую следующий путь (путь дан относительно папки, в которой размещено само приложение Arduino IDE):

ваша папка с приложением/Arduino.app/Contents/Resourses/Java/lib/theme/theme.txt

Вот пример моего файла theme.txt. В комментариях у меня настройки по умолчанию.

# GUI - STATUS
status.notice.fgcolor = #002325
status.notice.bgcolor = #17A1A5
status.error.fgcolor = #FFFFFF
status.error.bgcolor = #E34C00
status.edit.fgcolor = #000000
status.edit.bgcolor = #F1B500
status.font = SansSerif,plain,12

# GUI - TABS
# settings for the tabs at the top
# (tab images are stored in the lib/theme folder)
header.bgcolor = #17A1A5
header.text.selected.color = #005B5B
header.text.unselected.color = #007e82
header.text.font = SansSerif,plain,12

# GUI - CONSOLE
console.font = Monospaced,plain,11
console.font.macosx = Monaco,plain,10
console.color = #000000
console.output.color = #eeeeee
console.error.color = #E34C00

# GUI - BUTTONS
buttons.bgcolor = #006468
buttons.status.font = SansSerif,plain,12
buttons.status.color = #ffffff

# GUI - LINESTATUS
linestatus.color = #ffffff
linestatus.bgcolor = #006468

# EDITOR - DETAILS

# foreground and background colors
# editor.fgcolor = #000000
# editor.bgcolor = #ffffff
editor.fgcolor = #dddddd
editor.bgcolor = #000000

# highlight for the current line
# editor.linehighlight.color=#e2e2e2
editor.linehighlight.color=#333333
# highlight for the current line
editor.linehighlight=true

# caret blinking and caret color
# editor.caret.color = #333300
editor.caret.color = #ffffff

# color to be used for background when 'external editor' enabled
editor.external.bgcolor = #c8d2dc

# selection color
# editor.selection.color = #ffcc00
editor.selection.color = #bbbb00

# area that's not in use by the text (replaced with tildes)
editor.invalid.style = #7e7e7e,bold

# little pooties at the end of lines that show where they finish
editor.eolmarkers = false
editor.eolmarkers.color = #999999

# bracket/brace highlighting
editor.brackethighlight = true
editor.brackethighlight.color = #006699

# TEXT - KEYWORDS

# e.g abstract, final, private
editor.keyword1.style = #cc6600,plain

# e.g. beginShape, point, line
editor.keyword2.style = #cc6600,plain

# e.g. byte, char, short, color
editor.keyword3.style = #cc6600,bold

# TEXT - LITERALS

# constants: e.g. null, true, this, RGB, TWO_PI
# editor.literal1.style = #006699,plain
editor.literal1.style = #00ff00,plain

# p5 built in variables: e.g. mouseX, width, pixels
# editor.literal2.style = #006699,plain
editor.literal2.style = #00ff00,plain

# http://arduino.cc/
editor.url.style = #0000ff,underlined

# e.g. + - = /
editor.operator.style = #000000,plain

# ?? maybe this is for words followed by a colon
# like in case statements or goto
editor.label.style = #7e7e7e,bold

# TEXT - COMMENTS
editor.comment1.style = #7e7e7e,plain
editor.comment2.style = #7e7e7e,plain
# LINE STATUS - editor line number status bar at the bottom of the screen
linestatus.font	   = SansSerif,plain,10
linestatus.height  = 20

Windows

Для изменения внешнего вида Arduino IDE в ОС Windows также необходимо изменить параметры editor.bgcolor, editor.fgcolor, editor.linehighlight.color в файле theme.txt. Этот файл находится в папке

ваша папка с приложениемlibtheme

Linux

Для изменения внешнего вида Arduino IDE в ОС Linux Ubuntu аналогично изменяются параметры editor.bgcolor, editor.fgcolor, editor.linehighlight.color в файле theme.txt. Этот файл находится в папке

usr/share/arduino/lib/theme

The Arduino Integrated Development Environment is a cross-platform development tool that supports common operating systems like Windows, Linux, macOS, etc. It is an open-source IDE.

Arduino IDE is famously known because of its ability to be used to build develop stand-alone interactive objects. It is majorly written in Java programming language.

You have to be very familiar with the Integrated Development Environment for you to know it has a lot of themes that are workable with it.

How many of these themes do you know? This article will be solely about telling developers that love using Arduino IDE, some really interesting Arduino themes they can use to beautify and ease their working experience while on the development tool.

1. Dark Arduino Theme

This is simply a dark theme for the Arduino Integrated Development Environment.

Features:

• It is created by Jeff Thompson
• Syntax highlighting
• It makes your code look attractive

2. Monokai Arduino Theme

The Monokai Arduino Theme might look one way or the other similar to Sublime Text 2 and the Monokai Color Style but it appears more better.

Features:

• A very dark theme
• It does syntax highlighting too

3. DarkIce Arduino Theme

DarkIce theme supports the latest version of Arduino.

Features:

• A dark theme for developers that love night mode

4. One Dark Arduino

The designer of this cool theme took inspiration from the One Dark Pro theme for Visual Studio Code to create this modern dark theme for the Arduino Integrated Development Environment.

Features:

• A dark theme that beautifies codes

5. Dracula

Dracula is a dark theme that supports the Arduino Integrated Development Environment.

Features:

• It is a very popular theme. Over 99 software applications use it

6. Tauno Dark Theme

This is another dark theme for Arduino IDE developers can choose to build their codes on.

Features:

• It is highly customizable. You have access to change the syntax colour, UI colour, and Icons colours
• Syntax highlighting

7. Arduino-Theme-VisualStudio

The designer of this theme took inspiration from the theme for Visual Studio Code.

Features:

• A sharp and clear dark theme

8. Arduino-Theme-Negative

Ray Pecacheu is the creator of this nice theme for Arduino IDE.

Features:

• It is a customized dark theme for Arduino IDE

9. Arduino-Theme-Ocean

Pfaivre is the designer of this nice theme for Arduino IDE.

Features:

• A neat dark theme

10. Arduino-Black-Theme

From its name alone, users will definitely know that it is a very dark theme. Arduino-black-theme looks nice and smooth on Windows, Linux, and macOS.

Features:

• A complete black theme
• Fonts on this very dark theme look sharp and clear

11. Monokay Theme

Monokay theme is another cool theme developers can code on while developing a project using the Arduino IDE.

Features:

• A dark theme
• It supports the Linux operating system

12. Arduino_Theme

The designer of this theme took inspiration from the Monokia Arduino theme and Dark Arduino theme to create this particular cool theme for Arduino IDE.

Features:

• A dark theme

13. Ipower Monokai Arduino IDE Theme

The design of this theme is based on the Monokai Theme Sublime Text.

Features:

• It supports Arduino IDE version 1.8+

14. Arduino-Custom_Dark_Cool_Theme

It is a very dark theme for Arduino IDE.

Features:

• It comes with some nice pale neon colours

15. Arduinaut

The designer of the Arduinaut theme was inspired by the Argonaut theme (created by Pawel Waleczek).

Features:

• A custom dark theme for the Arduino IDE

Conclusion

Each Arduino theme a developer decides to use for his/her Integrated Development Environment depends on choice.

The above 15 amazing cool Arduino themes are best suited for Arduino IDE – you can choose any of them to beautify and place your code on.

Изначально среда Arduino IDE поставляется со светлым фоном (темой), в котором вы и производите написание кода своей программы. Но некоторые из пользователей привыкли к средам программирования с темным фоном – для кого это сила привычки, а кто то пишет что при программировании на темном фоне у него меньше устают глаза – в сети можно найти даже исследования, которые доказывают что темный фон при определенных обстоятельствах значительно снижает риск вредного воздействия на глаза человека. Также преимуществом темного фона является то, что при его использовании вместо светлого фона меньше расходуется ресурс дисплея (может быть, и это обстоятельство для кого то важно). Поэтому в данной статье мы рассмотрим установку темной темы (фона) для Arduino IDE.

Для установки темной темы (Dark Theme) на Arduino IDE выполните следующую последовательность шагов (либо же сразу можете перейти к просмотру видео инструкции в конце статьи если вам это более удобно).

Шаг 1. Скачивание темной темы.

Скачайте темную тему для Arduino IDE по ссылке — https://github.com/jeffThompson/DarkArduinoTheme.

Извлеките ее из архива и откройте на своем компьютере.

Шаг 2. Откройте каталог для установки темы.

Откройте каталог, в котором установлена Arduino IDE – по умолчанию это будет каталог «C:Program Files (x86)Arduinolib».

Шаг 3. Резервное копирование оригинальной темы.

Скопируйте в надежное место каталог с оригинальной темой для случая если темная тема вам все же не понравится и вы захотите восстановить оригинальную тему.

Шаг 4. Замените оригинальную тему на темную тему.

Замените каталог с оригинальной темой на каталог со скачанной темой.

Шаг 5. Тестирование работы темы.

Перезапустите Arduino IDE и в этом случае вы увидите что она запустится уже с темной темой. После этого можете попробовать начать писать в ней свои программы.

Видео, демонстрирующее работу проекта:

Также автор проекта привел ссылку на еще одну темную тему для Arduino IDE — https://github.com/Rahul24-06/DarkArduinoTheme. Может быть, она вам понравится больше чем рассмотренная в статье.

Источник статьи

Загрузка…

1 907 просмотров

This is article is kind of help to make the default Arduino IDE somewhat sober-looking like Microsoft Visual Studio Code’s colour schemes for Arduino. Yes, autocompletion on Arduino IDE is not impossible. Here is how to change the theme, font, syntax highlighting of Arduino IDE and some ready to use themes matching with your iTerm scheme! The Arduino IDE is simply just basic, otherwise, it is not exactly bad to push a code faster.

We are dividing the thing in to two matters :

1. Installing custom build of Arduino IDE
2. Customizing Theme, Font, Syntax Highlighting of Arduino IDE

The second way is for already installed Arduino IDE. The method is very easy. In case of Mac, inside ~/Applications/Arduino.app/Contents/Java/lib there is theme directory and files like preferences.txt. We need to replace the files in those directories with custom ones of course after making a copy of the original. This contains lots of changes, including all the button files, fonts etc. That path for Microsoft Windows is C:/Program Files (x86)/Arduino/lib. In Linux it will be in /usr/share/arduino/lib/. Otherwise, the thing is the same. There is an existing font directory inside like ../java/lib/fonts. If you want to change the fonts too, you need to place the desired font’s OTF or TTF files, change the preferences file to match the new font.

Restarting the IDE works fine. We have a good collection of Arduino themes on Github :

Installing a custom build of Arduino IDE is difficult to work and for matters like getting autocompletion feature. From Arduino Forum :

We came to know that this custom build repo of Arduino IDE has autocompletion :

That developer has a different set of codes, so there will be some custom functions. In case you want to install it, for Mac you have to run :

That beautiful “screenshot” in this article is “imagination of Artist” (read sketch) :

P.S.: Strangely, 40,000 peoples read this post in 3 years! I have not written this guide so seriously.

Tagged With change font color in arduino programmer windows 10 , arduino ide themes , arduino themes , arduino ide syntax highlighting , themes arduino ide , темная тема ардуино иде visual code , arduino ide highlight , arduino ide themes setting , arduino ide windows 10 changing the font , arduino theme