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!
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
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


