Jump to content
Sign in to follow this  
Philipp

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

Share this post


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

Share this post


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

Share this post


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:

Share this post


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 ;)

Share this post


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 ;)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×