Dark Theme #54

Open
Sciss opened this Issue Oct 28, 2013 · 5 comments

Projects

In progress in v1.2.9

3 participants

@Sciss
Contributor
Sciss commented Oct 28, 2013

I am still having this idea that there could be a dark theme. It doesn't have to be a completely different design like futurico. For example, a first straight forward approximation could be to just invert the brightness of all colors. (I have just inverted RGB and rotated the hue afterwards):

weblafdark

What do you think? Is this easy to accomplish? A better variant would also make sure gradient orientations are maintained (e.g. if going from lighter to darker top to bottom, it should remain that way)

@mgarin mgarin was assigned Oct 28, 2013
@mgarin
Owner
mgarin commented Oct 28, 2013

Its not as easy to do as it seems to be and it will be a waste of time to make it right now when WebLaF is not yet ready for such modifications. I will be adding dark theme as soon as StyleManager is done and released.

@mgarin
Owner
mgarin commented Oct 29, 2013

With StyleManager i will be able to create custom theme within day or two, so dark theme will be first released as an example of StyleManager usage.

@Sciss
Contributor
Sciss commented Oct 29, 2013

Cool! Just wanted to know if this is somewhere on the radar! Keep up the great work.

@mgarin mgarin removed this from the StyleManager release milestone Sep 30, 2014
@Sciss Sciss removed this from the StyleManager release milestone Sep 30, 2014
@stephram

Your screenshot above looks quite good in my opinion. How did you do that? I tried the same thing - inverting the colors I found by calling LookAndFeel.getDefaults(), but it didn't work. Presumably because that's not the correct place to set them for WebLaf.

@Sciss
Contributor
Sciss commented Jan 27, 2015

Just Photoshop/Gimp. It's inverting RGB and then rotating hue 180 degrees, so blues stay blue etc. It's not perfect, just an approximation of how I imagine it could work.

@mgarin mgarin added this to the v2.0 milestone Mar 18, 2015
@mgarin mgarin modified the milestone: v1.29, v2.0, v1.30 Jun 9, 2015
@mgarin mgarin added the skin label Oct 21, 2015
@mgarin mgarin modified the milestone: v1.29, v1.3.0 Mar 1, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment