We completed our new theme, Lux.
Our theme editor was again put to the test as we created our newest theme, Lux.
This theme is the first to utilise our theme customiser, allowing site owners to choose fonts and change colours without editing any code.
Building Lux turned out to be just as much a test of the theme editor, as it was the integration with our theme customer. Suffice it to say — we learned a lot.
While everything generally worked as expected, we encountered bugs and quirks that caused us to reevaluate how some parts of the theme customiser needed to work.
We also ran into some minor limitations that we should have considered beforehand. For example, the colour picker in the theme customiser does not support alpha transparency, so we currently can't support customisable CSS gradients with transparency.
In principle the fix is simple enough, but it's firmly on the list of features to come later rather than something that needs to be addressed now.
Above all else, our theme editor is the part of Easy Eatery I'm most proud of. It does its job genuinely well, and I can't help but smile when I use it. But, occasionally, that smile would turn upside-down when I would run into issues that disrupted my workflow.
None of the issues we found was particularly troublesome — all very much user-experience related. Still, they certainly got annoying after a while.
A great example was encountered when switching from one file to another in the editor. The code editor for the new file wasn't automatically focused when switching, so you'd have to click into the new code editor before you could write any code.
Clicking into the text editor box would only take a split-second. Still, this could be minutes or hours wasted throughout a theme build, so I immensely enjoyed addressing this issue.