Where is the "Dark mode" in new liquid code editor?

I found my Shopify liquid code editor suddenly changed to a new layout today. It looks great but I found a big problem very quickly - I cannot switch to dark view anymore. As a programmer, I have to spend a lot of time on these codes and I need dark mode to ensure my eyes won’t get tired easily. Is there any way to enable dark mode or to switch back to old layout?

Hi @waynetu ,

It’s PageFly - Page Builder App here, and I would be glad to help you with this issue.

With the new Shopify liquid code editor, to switch to dark mode, you can use this Google Chrome extension Dark Mode for Shopify.

If you find my comments helpful to you, like it or mark it as a solution. Let me know if you have any questions. I recommend you take a look at our PageFly is a powerful page builder to help merchants to build pages.

Happy coding!

@waynetu

oh sorry for that issue that its Shopify New Additional Update its working on more flexible please wait Shopify team shortly update all feature if more details please contact Shopify Support

Cool! This extension do save my eyes!

However, this extension also remove all color levels in the code. :sob: But it might be a good start to find different extensions for Shopify.

Hi @waynetu ,

Give the extension in my signature a try, it will add dark mode with VSCode/Atom theme

@iDoThemes Thanks! This extension is amazing!

i had the same problem with the missing Dark Mode in the latest code editor, the extension is amazing since it still have the colored levels, thanks a lot for sharing it.

I’m late to the party but this is definitely the best option.. Just wish it would color the the admin panel too

Try this extension to make the shopify admin dark theme also.
https://chromewebstore.google.com/detail/dark-mode-for-shopify/hfoeimdgmlholdmiodhkeohhnjjkddhp?hl=en