StudioSixPlusOne / rack-modules

VCV Rack modules
GNU General Public License v3.0
27 stars 8 forks source link

Dark Theme #97

Open spectromas opened 4 years ago

spectromas commented 4 years ago

Following from THE forum thread and seeing how interested you were in dark themes I thought I'd have a go at darkening your modules.

Sidenote, very interesting and important perspective you provided mentioning accessibility and visual impairment. It's a subject largely forgotten when people are discussing UI.

Here is what I have come up with, I would be interested to here what you think. I particularly like the Iverson modules like this:

Screenshot_20201006_182059

If you are interested in including a dark theme, and this being a candidate, I'd be very open to feedback. I left the knobs background/outline black as it looks a bit weird with any other colour. They could perhaps be made the same colour as the rest of the knob?

This is the general colour scheme I have made for NYSTHI, Fundamental, and a few others so it works for me but I'm by no means a graphical designer so if anyone else provides a better theme then by all means use that.

curlymorphic commented 4 years ago

@spectromas Brilliant, this is really nice, and I am chuffed someone has taken the time to look at my ui.

Yes I am very interested in your designs, and including them for release, I feel this would be a big improvement.

As for feedback, I feel there are two areas that may need a small tweak.

  1. The green colour used for the knobs and inverted background, I am not sure I like my decision in the light version of the panels, and in the darker panels the knobs look ok-ish but the inverted green background needs revising, would you have any suggestions for this. I have no attachment to the green and am open to any options.
  2. Does the 6+1 logo have too much contrast with the dark panel, I don't have the skills to describe what needs to be done, maybe just a little less bright.

Onto the question of including in the plugin, are you intending to provide svg files?

I am looking forward to seeing your design released.

Dave

spectromas commented 4 years ago

Hi @curlymorphic I would certainly be happy to provide the svg files.

I've had a little play with the colours, how about this? I've darkened the logo and module name a bit, adjusted the knob design slightly, and changed the port colours. For the knobs, I'm not sure which looks better, a darker outline or a lighter one:

Darker: Studio6-Blue_darkknobs

Lighter: Studio6-Blue_lighterknobs

Maybe darker one has a bit more 'pop'? Also, is the port panel background too dark?

Happy to make any changes or start again if you're not keen on it.

curlymorphic commented 4 years ago

I like these changes, changing the green is an improvement, and using a grey variant for the inverted background surrounding the outputs is very nice, my original design was too harsh.

The Iverson UI is getting a rework of the layout by another designer,I shall be including your colour scheme, we may have to wait for the finalised layout before applying your colour scheme.

The other eight modules, however, are good to go. I prefer the darker outline of the knobs.

I am going to start preparing the code to allow switching of themes, and look forward to receiving your svg's

spectromas commented 4 years ago

Hi Dave, good to hear you like it. I've just been trying a slightly less dark version:

Studio6-Blue_lighter

Let me know which you prefer and I'll get the svgs to you.

curlymorphic commented 4 years ago

My favourite is the darker version of the previous post.

spectromas commented 4 years ago

Great. thanks Dave. Here you go then.

res-dark.zip

spectromas commented 4 years ago

Apologies, please use this version. res.zip

This version contains a fix that I think should be ported into the default theme. I noticed with my dark theme that when you initiate a patch cable the straight lines between knobs/ports were overlapping the ports so I have changed the line lengths in this skin so that they line up properly.

Would you like me to submit a bug+fix for the default skin or is it easy to get it from the svgs?