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

lswieckitay
Excursionist
36 0 141

"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. 

Replies 106 (106)
lswieckitay
Excursionist
36 0 141

It's not in the budget... 

anhdd-kuro-159
Shopify Partner
14 0 6

Bump!!
Need dark mode !!!!

 

MitchS
Excursionist
25 0 88

GIT IT💪

wellcome
Tourist
9 0 7

completely agree. they should add it

MitchS
Excursionist
25 0 88

eb0.jpg

lswieckitay
Excursionist
36 0 141

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

Ralph2.jpg

MitchS
Excursionist
25 0 88

Bumpalicious

lswieckitay
Excursionist
36 0 141

LET'S GET THIS DARK MODE PEOPLE! 

images.jpg

lswieckitay
Excursionist
36 0 141

Admin developers be like... 

images.jpg

AtwoodRope
Excursionist
37 0 77

shopifyLight.png

lswieckitay
Excursionist
36 0 141

Screenshot 2023-09-07 100615.jpg

MitchS
Excursionist
25 0 88

giphy

lswieckitay
Excursionist
36 0 141

giphy.gif

 These devs are a NIGHTMARE... The devs. 

dMode
Shopify Partner
4 0 6

DARK MODE OR REBELLION !!! 👿

lswieckitay
Excursionist
36 0 141

giphy.gif

dMode
Shopify Partner
4 0 6

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
Excursionist
36 0 141

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!

giphy.gif

PhilFoss
Tourist
3 0 5

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.

 

darkmode-shopify-2023.jpg

 

 

 

 

 

 

 

 

MitchS
Excursionist
25 0 88

Why... it's beautiful... 

Is this so hard, Shopify?

lswieckitay
Excursionist
36 0 141

Shopify devs:

98f87c5e5c0fe010e5186012e28851cf.gif

 

lswieckitay
Excursionist
36 0 141

ron-swanson-parks-and-rec.gif

PhilFoss for President! 

lswieckitay
Excursionist
36 0 141

You get this darkmode to work on admin yet?! 

FlorianBethke
Shopify Partner
2 0 5

Please add dark mode!

lswieckitay
Excursionist
36 0 141

PLEASE SHOPIFY?! 

giphy.gif

Click to expand...
 
MitchS
Excursionist
25 0 88
[image: Anthony Anderson Sad GIF - Anthony Anderson Sad Cry GIFs]

predsfan2
Tourist
3 0 3

Bump. We absolutely need dark mode!

lswieckitay
Excursionist
36 0 141

 Yes, we all do! 

get-in-here-buddy-dwayne-johnson.gif

 

PhilFoss
Tourist
3 0 5

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.

darkmode-shopify-2023-b.jpg

predsfan2
Tourist
3 0 3

predsfan2_0-1700254581628.png

it inverts the colors, not true dark theme.

adinaC
Shopify Partner
1 0 2

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
Excursionist
36 0 141

Shopify devs: 

giphy.gif

RichT
Visitor
1 0 2

Come on Shopify - I know you are listening.

lswieckitay
Excursionist
36 0 141

giphy.gif

AtwoodRope
Excursionist
37 0 77

shopifyAdmin.png

lswieckitay
Excursionist
36 0 141

shocked-face-wide-eyes.gif

fcfeedback
Visitor
1 0 4

2024 is here, but not the dark mode. Bump

AtwoodRope
Excursionist
37 0 77

robsen
Tourist
3 0 4

Darkmode please!

collaziano
Tourist
8 0 6

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
Excursionist
37 0 77
We do pay for shopify... It must be a matter of importance. I just want my
eye strain to be reduced. 🙂
lswieckitay
Excursionist
36 0 141

spongebob-waiting.gif

Shopify developers, wait till the end...

 

BB3D
Visitor
1 0 1

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.

BB3D_0-1706569275326.png

 

AtwoodRope
Excursionist
37 0 77

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
Shopify Partner
4 1 7

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

LRCxXWRljt4LYf6AK1.webp

lswieckitay
Excursionist
36 0 141

giphy.gif

MitchS
Excursionist
25 0 88

The year is 2024. My retinas are burning and my Shopify admin UI is still not in dark mode. 
Hope for a dark mode future is becoming a stillborn dream. 
Remember us.
witness-nux.gif


Also, BUMP

lswieckitay
Excursionist
36 0 141

Shopify Developers:

giphy.gif

AtwoodRope
Excursionist
37 0 77

shopifyDark.gif

AtwoodRope
Excursionist
37 0 77

Honestly one of the biggest problems with browser dark mode inserters is when i'm editing a page in shopify that has html code in it, the darkmode inserter will insert its code directly into my shopify admin page. So, using those kind of code-scan insert flip colors isn't an option. This is why a native change option so that it already is set when the page loads is the real deal. 😉 😄