How can I enable dark mode for admin on my site?

[lswieckitay]

"Dark mode" 3rd party apps are ok at best and make the site run slow, for the back end/administrator. PLEASE PLEASE PLEASE enable a dark mode for admin/back end. My eyes are literally bleeding from the bright white background. 

[lswieckitay]

It's not in the budget... 

[canggu]

that's comment is even more annoying than shopify ignoring us

[lswieckitay]

Annoying... just like this bright ass screen I'm staring at. 

 

[Unith]

We still need it !

[lswieckitay]

 

[anhdd-kuro-159]

Bump!!
Need dark mode !!!!

[MitchS]

GIT IT💪

[wellcome]

completely agree. they should add it

[MitchS]

[lswieckitay]

Shopify developers in their "dark mode for admin meeting"... 

 

[MitchS]

Bumpalicious

[lswieckitay]

LET'S GET THIS DARK MODE PEOPLE! 

 

[lswieckitay]

Admin developers be like... 

 

[AtwoodRope]

[lswieckitay]

 

 

[MitchS]

[lswieckitay]

 These devs are a NIGHTMARE... The devs. 

[dMode]

DARK MODE OR REBELLION !!! 👿

[lswieckitay]

 

[dMode]

Dark mode is here!

I'll explain the steps for Chrome but there is the package 'Dark Reader' for Firefox if that's what you prefer.

Here are the steps for enabling dark mode on Chrome browser. Please don't touch anything else if you don't know what you're doing, I'm not tech support lol

1. Type 'chrome://flags/' into the address bar.

2. Search for 'Dark Mode'

3. I chose 'Enabled with selective inversion of non-image elements' and that seems to work the best.

4. ?

5. Profit

Thought I'd drop this here if anyone didn't know.

[lswieckitay]

Sir/ma'am/nonbinary, you are a literal hero! I CANNOT THANK YOU ENOUGH! This works across ALL of chrome on EVERY WEB PAGE! I was also asking for dark mode on Shipstation and this fixed that too. If you ever run for president of the interwebs I will campaign for you!

 

[PhilFoss]

I was able to add darkmode support to my admin, finally. It uses your device preference. Let me know how it looks, I'll plan on releasing the code although I haven't tested all admin pages yet.

[MitchS]

Why... it's beautiful... 

Is this so hard, Shopify?

[lswieckitay]

Shopify devs:

 

[lswieckitay]

PhilFoss for President! 

 

[lswieckitay]

You get this darkmode to work on admin yet?! 

[FlorianBethke]

Please add dark mode!

[lswieckitay]

PLEASE SHOPIFY?! 

 

Click to expand...

[MitchS]

[image: Anthony Anderson Sad GIF - Anthony Anderson Sad Cry GIFs]

[predsfan2]

Bump. We absolutely need dark mode!

[lswieckitay]

 Yes, we all do! 

 

[PhilFoss]

Hi fam I've made this available as a userstyle at https://userstyles.world just search for admin.shopify.com
This requires using the stylus browser addon for Firefox or Chrome.
Its only a few lines of css, and I'll keep updating it as needed, as shopify seems to roll in changes every 1-2 weeks.

[predsfan2]

https://userstyles.world/style/13149/shopify-admin-dark

[predsfan2]

it inverts the colors, not true dark theme.

[adinaC]

BUMP!! I'm new to Shopify and one of the first things I looked for is dark mode, I can't believe it's the end of 2023 and this isn't an option yet!! It's such a simple feature, most developers use dark mode when coding so I don't get how they didn't have this to begin with 🧐

[lswieckitay]

Shopify devs: 

 

[RichT]

Come on Shopify - I know you are listening.

[lswieckitay]

 

[AtwoodRope]

[lswieckitay]

 

[fcfeedback]

2024 is here, but not the dark mode. Bump

[AtwoodRope]

https://tenor.com/wOsd.gif 

[robsen]

Darkmode please!

[collaziano]

Almost 2 1/2 years later and this simple adjustment is still not done? For goodness sake, I'll PAY SHOPIFY to make it happen. Contact me to arrange the payment. This is ridiculous.

[AtwoodRope]

We do pay for shopify... It must be a matter of importance. I just want my
eye strain to be reduced. 🙂

[lswieckitay]

Shopify developers, wait till the end...

 

[BB3D]

I have been using this little work around with chrome. paste this into the address bar and press enter chrome://flags/#enable-force-dark

then select Enabled with CIELAB-based inversion, once you have done then click relaunch down the bottom right corner and all websites will be in a dark mode like state.

[AtwoodRope]

I ended up using the native dark mode in chrome. This bypasses the auto code swapper extensions and works well enough. Inverting pictures is the only difficulty with this, but it's not annoying enough and I get to save my eyes. ^_^

[LaurieZ]

BUMP! Shopify team is releasing a keyboard (nice though) but still no dark mode

[lswieckitay]