One Dark Arduino - Modern Dark Theme for Arduino IDE

Modern dark theme for the Arduino IDE inspired by the VSCode theme "One Dark Pro" by binaryify.

Sep 13, 2018

103558 views

73 respects

Components and supplies

1

Arduino UNO

Apps and platforms

1

Arduino IDE

Project description

Code

Font for preferences.txt

xml

Change this line in preferences.txt

Font for preferences.txt

xml

Change this line in preferences.txt

Downloadable files

One Dark Arduino

Github page for the One Dark Arduino Theme

https://github.com/konrad91/OneDarkArduino

Comments

Only logged in users can leave comments

Anonymous user

2 years ago

its simple just delete the original theme folder and place your dark theme folder

Anonymous user

2 years ago

Hi there, I discovered an easier way to don't need to replace anything and the new theme dark will come on the theme list on Arduino Preferences. https://youtu.be/puuOu03p__0

Anonymous user

2 years ago

Thank u Konrad, this is a good job!!

Anonymous user

2 years ago

I will be keeping the font that I usually use, which is a fixed spacing serif font. I will also try to change the background colour, I'd prefer a black black, rather than a grey that makes everything seem like looking through fog. I realise this is based on something else, but I need that contrast. Great effort and looking good apart from those points.

Anonymous user

2 years ago

Having problems with my eyes lately I'm very pleased with your solution. Thank you very much for your effort. For very poor eyes Arial Black, plain, 14 is even better to read.

Anonymous user

2 years ago

This is the superior dark theme, thank you this is perfect!

mnayana

2 years ago

Excellent job man.. Keep going 💪💪

Anonymous user

2 years ago

Hi there the theme is beautiful , however I'm having some trouble with one part. The tab above the code editor, for lets say I have multiple tabs open. It's still white and when i select a new one, it remains the green color. How do I fix that? I have a screenshot on a link to the png http://mydashlife.net/Sit-QbHA.png

Anonymous user

2 years ago

ALTim...This guy...thanks, saved the day for me.

lucaslopespj

2 years ago

I'm having the same problem. If you figure out how to solve it, please let me know.

Anonymous user

2 years ago

The way I fixed this was by simply deleting the "theme" folder and copying it back in from the .zip file. The first time through, I used Windows' replace function which may have messed something up. Deleting and copying in the "theme" folder fixed the white tab issue for me.

Anonymous user

2 years ago

You need in folder "theme" in the files tab-sel-left.svg, tab-sel-mid.svg, tab-sel-right.svg to change the color parameter style = "fill: to #2C313C. Also change in the same parameter in the tab-unsel-left.svg, tab-unsel-mid.svg, tab-unsel-right.svg color #282C34 Tested in arduino 1.8.12 I downloaded my modified files to disk, you can simply replace. https://goo-gl.ru/6jaf

Anonymous user

2 years ago

You can change all the theme hexa codes for the colors, you'll found some FFFFF in the list wich is the white bar, You have just to change it a bit. In the theme folder the file is called theme.txt Change the 24 line (header.text.selected.color) to something like that header.text.selected.color = #282C34

Anonymous user

2 years ago

Can someone help me with doing this on a Macbook?

Anonymous user

2 years ago

Konrad, you are my newest hero! Your theme, and your instructions, worked flawlessly to bring my Arduino IDE (v 1.8.10) into the 'Dark age' on my MacBook Pro. Me, and my eyes, are very thankful to you, sir!!

Anonymous user

3 years ago

I will be keeping the font that I usually use, which is a fixed spacing serif font. I will also try to change the background colour, I'd prefer a black black, rather than a grey that makes everything seem like looking through fog. I realise this is based on something else, but I need that contrast. Great effort and looking good apart from those points.

Anonymous user

3 years ago

Thank u Konrad, this is a good job!!

Anonymous user

3 years ago

its simple just delete the original theme folder and place your dark theme folder

mnayana

3 years ago

Excellent job man.. Keep going 💪💪

Anonymous user

4 years ago

Having problems with my eyes lately I'm very pleased with your solution. Thank you very much for your effort. For very poor eyes Arial Black, plain, 14 is even better to read.

Anonymous user

4 years ago

Can someone help me with doing this on a Macbook?

Anonymous user

4 years ago

Hi there, I discovered an easier way to don't need to replace anything and the new theme dark will come on the theme list on Arduino Preferences. https://youtu.be/puuOu03p__0

Anonymous user

5 years ago

Thanks Konrad! I have never liked the original theme! :)

Mozillex

5 years ago

Konrad, you are my newest hero! Your theme, and your instructions, worked flawlessly to bring my Arduino IDE (v 1.8.10) into the 'Dark age' on my MacBook Pro. Me, and my eyes, are very thankful to you, sir!!

Anonymous user

5 years ago

Hi there the theme is beautiful , however I'm having some trouble with one part. The tab above the code editor, for lets say I have multiple tabs open. It's still white and when i select a new one, it remains the green color. How do I fix that? I have a screenshot on a link to the png http://mydashlife.net/Sit-QbHA.png

westonforbes

2 years ago

ALTim...This guy...thanks, saved the day for me.

lucaslopespj

2 years ago

I'm having the same problem. If you figure out how to solve it, please let me know.

ALTim

2 years ago

You need in folder "theme" in the files tab-sel-left.svg, tab-sel-mid.svg, tab-sel-right.svg to change the color parameter style = "fill: to #2C313C. Also change in the same parameter in the tab-unsel-left.svg, tab-unsel-mid.svg, tab-unsel-right.svg color #282C34 Tested in arduino 1.8.12 I downloaded my modified files to disk, you can simply replace. https://goo-gl.ru/6jaf

Anonymous user

2 years ago

You can change all the theme hexa codes for the colors, you'll found some FFFFF in the list wich is the white bar, You have just to change it a bit. In the theme folder the file is called theme.txt Change the 24 line (header.text.selected.color) to something like that header.text.selected.color = #282C34

Anonymous user

2 years ago

The way I fixed this was by simply deleting the "theme" folder and copying it back in from the .zip file. The first time through, I used Windows' replace function which may have messed something up. Deleting and copying in the "theme" folder fixed the white tab issue for me.

mnl1121

6 years ago

This is the superior dark theme, thank you this is perfect!