Jump to content
43oh

Arduino 1.x.x theme for Energia (just more red!)


Recommended Posts

Hey,

just a week ago I discovered Energia on hackaday and was very happy to see that I'm not the only one who loves the Launchpad idea but doesn't really want to install CCS or a whole lot of development tools just to get started. I think Energia really opens a new way for beginners to get into programming one of those MSP430 chips.

 

Until now I experienced no problems at all using the Energia IDE, which is quite impressive in my opinion. I think Robert did an amazing job porting all the Arduino features to a tiny little 4.30$ dev tool.

The only thing I noticed was the different theme compared to the recent arduino 1.x.x IDEs. Energia's current theme is basically a red version of the Wiring theme or Arduino 0xx. Because I really like the Arduino IDE and it's current design, I made a red version of it to replace the somewhat 'old fashioned' theme Energia is currently using.

I attached a comparison of the four themes below, beginning from the top left there are: Arduino 1.0, my variation of the Energia theme, the current version of Wiring and the original Energia theme.

 

What do you think?

Cheers, Philipp

post-37977-135135560099_thumb.png

Link to post
Share on other sites

Getting the contrast right is quite fiddly when you're working with only a few variations of red, but i tried my best to improve it without adding pink to the color scheme ;)

The preview image has slightly different colors and contrast than the original, please click it to view the original image.

post-37977-135135560397_thumb.png

Link to post
Share on other sites

Black text for the tabs looks way better, thanks!

 

Do you have anti-alias turned on?

Anti Aliasing and ClearType are enabled.

I had some difficulties to change the editor font and to enable anti aliasing for the editor itself.

Wiring, Arduino and Energia use the Processing IDE, and this for some reason has a pretty clear theme.txt config file which defines the appereance of everything except the editor, and a more general and obscure preferences.txt located in another folder.

It took me some time to figure out why the heck the Consolas font in the console looked perfectly fine but was aliased in the editor. Turned out that the theme itself is anti-aliased by default, the editor is not! You can however enable it in the preferences.txt to make Consolas way nicer to read.

 

I think I will submit this theme to the git, and I may also write a short tutorial on how to change the appereance on all the Processing based IDEs, if people are interested :)

post-37977-135135560728_thumb.png

Link to post
Share on other sites
Getting the contrast right is quite fiddly when you're working with only a few variations of red, but i tried my best to improve it without adding pink to the color scheme ;)

The preview image has slightly different colors and contrast than the original, please click it to view the original image.

 

I know how difficult it is: I took gray as additional colour when I designed the original theme.

 

I really like this new theme :) Congratulations :thumbup:

Link to post
Share on other sites

Thanks for your kind words and nice ideas guys, your feedback is awesome! :clap:

Are any apple users here who can tell me how OSX handles ClearType Fonts like Consolas?

I have to ask because Energia hast different font presets for Linux/Windows and OSX.

 

Just another piece of 'fanart':

post-37977-135135561039_thumb.jpg

How do you like this splashscreen? Is there any interest in changing this, too, or do you want to keep the original one, energia? :)

 

@energia: I attached the theme below, so you can preview it on your installation. Simply place the content of the archive in your energia folder or a copy of it, overwrite all, and run energia. You should get the exact same results as in the screenshot I posted before. The editor font is likely still 'Monospaced', to change this you have to delete the 'preferences.txt' In 'C:\Users\xxx\AppData\Roaming\Energia' and run energia again.

blue's energia theme.zip

If you do not want to overwrite the preference.txt in the energia folder, just edit three lines of it:

editor.font=Consolas,plain,12
editor.antialias=true
console.lines=5

 

Cheers, Philipp ;)

Link to post
Share on other sites

Yeah, i tilted it to fit the length of the energia text, but it looks indeed if it is going to descend the next second :D

 

I used this as a reference

post-37977-13513556105_thumb.png.

 

Anyways, this is just at the 'protoyping' stage, i'll definetly refine it if you guys are interested in it.

 

Cheers, Philipp ;)

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...