Zynthian UI colours dictionary in Webconf

Hi everybody!

As mentioned, here is the dictionary for the colours of the Zynthian UI items, that I have investigated and written down for the usage of the community.

There are three entries of doubtful meaning, highlighted by a question mark, which I haven’t been able to locate assuredly, and have managed to identify roughly by trial and error, for the purposes of my custom colour schemes. I hope that it can be useful.

ZYNTHIAN UI COLOURS WEBCONF DICTIONARY

  • Info color: ?

  • Error color: system error or issue warning.

  • MIDI color: incoming Midi data “m” signal, on top right screen.

  • Alternate color: first layer of alternate functions.

  • 2nd alternate color: second layer of alternate functions.

  • Background color: background of upper screen, ADSR envelopes background, on-screen touch widgets borders.

  • Text color: color of general UI text.

  • Text-Off color: categories headers for functions or options.

  • On color: background of current selection (through fourth encoder or up/down keys), chain number background in mixer view, graphic rings of rotary encoder values.

  • Low-On color: ADSR envelope polygon.

  • Off color: mixer fader levels of unselected chains.

  • Highlight color: ?

  • Midlight color: ?

  • Panel background color: background of main screen area.

  • Panel highlight color: background of categories headers for functions or options.

That is all: best regards :grinning:

1 Like

The only occurance of it I found in the small status text on the bottom of the snapshot view.

What I did right now is changing all colors I didn’t understand to a really ugly #ff00ff-pink and just continue using the machine until I fall over any occurance.

You are missing the pallet for each of the zynpad pad background colours.

Where do you configure these? The 15 variables @Aethermind mentiones are the ones to configure in webconf of in zynthian_envars file.

Hi! The Zynpad palette is exactly one of those UI items which aren’t registered in webconf, at least not in the advanced view of the UI Options panel, as far as I can tell. Where could I possibly edit them?

As for the highlight entries, do they maybe refer to the borders of selected Zynseq or Zynpad boxes?..

I did the same, patiently and progressively, with all the UI item entries, but using a garish FF0000 red :wink:

This is my point. There are many colours hard coded. We need to identify all the colours used so that we can build a set of names and allow configuration, skins, etc.

Here are some hints at least:
HL
Some mixer fader bg color, something in the spectrum analyzer and other things.
ML
Something in keyrange screen, audioplayer widget, mixer and others?
Info
Some background on the audio plaer widget?

1 Like

Alright @riban. So, what part of the Z/Oram code should I look at, in order to see those hardcoded colours? And, what steps should be undertaken to achieve a complete UI dictionary, for a possible/coming skin configuration panel in Webconf?

Regards :slight_smile:

There’s some colour cross linking to zynseq here . . .

1 Like

Well, this is quite cryptic, but at least it’s a starting clue… :alien: :sunglasses:

I think you posted the wrong picture!

Oooops yes I did…

Update,

I don’t know what you are talking about…

2 Likes

Thanks @hannesmenzel, for pointing me at potentially relevant parts of the Zynthian code in GitHub… :man_detective:.

It seems that some workings of the Zynth UI innards are being kept shrouded in a certain - let us say - amused secret… for the time being :wink:. Anyway, I have widened your search, for any source code results that include the key “color”, and have found a couple of interesting places, especially one related to the pad colours of the Akai APC 25 grid controller. Given some obvious chromatic resemblances, might it be that the listed hexadecimal RGB colour definitions do contain the hardcoded hues of the Zynseq page…?

Regards :slightly_smiling_face: :rainbow:

PS: I have tried again, but found no consistent evidence for the UI references of info, highlight color and midlight color.