Dark Mode for Shopify

GEKKO Multimedia

2022-02-27

I liked the idea of a dark mode for Shopify. Gave this extension a whirl, but in the end it was not up to my own needs.

Just within 5 mins of use, in the code editor:

1. underscores are invisible. e.g. css properties such as kicker__line which is in the theme I'm currently working on.
2. The cursor is hard to see in the css editor.
3. When selecting a chunk of code, I can't see it's selected at all.
4. I'd expect the save button to be a nice contrasting colour, but it's off-black on top of a black background - don't really understand the reasoning behind that.

Then overall:

5. The extension adds lines underneath each menu item on the left, with oddly curved corners. Don't really understand why they are there from a UX viewpoint.
6. I couldn't find the switch to turn it on and off. From the web store it seemed like it may be in a really prominent position.

It would be way cool if we had multi-coloured texts depending on type in the code editor but understand that may be beyond the realms of this plugin.

A good stab at dark mode and probably fine for most users who don't use the code editor.

Justin Merrylees

2021-05-25

Mouseover highlight color is white causing order text to be unreadable. Please update!