[GH-ISSUE #4314] Make A Dark Mode Theme #2773

Open
opened 2026-02-26 07:36:45 +03:00 by kerem · 11 comments
Owner

Originally created by @ghost on GitHub (Jan 22, 2025).
Original GitHub issue: https://github.com/NginxProxyManager/nginx-proxy-manager/issues/4314

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

Describe alternatives you've considered

Additional context

Originally created by @ghost on GitHub (Jan 22, 2025). Original GitHub issue: https://github.com/NginxProxyManager/nginx-proxy-manager/issues/4314 <!-- Are you in the right place? - If you are looking for support on how to get your upstream server forwarding, please consider asking the community on Reddit. - If you are writing code changes to contribute and need to ask about the internals of the software, Gitter is the best place to ask. - If you think you found a bug with NPM (not Nginx, or your upstream server or MySql) then you are in the *right place.* --> **Is your feature request related to a problem? Please describe.** <!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] --> **Describe the solution you'd like** <!-- A clear and concise description of what you want to happen. --> **Describe alternatives you've considered** <!-- A clear and concise description of any alternative solutions or features you've considered. --> **Additional context** <!-- Add any other context or screenshots about the feature request here. -->
Author
Owner

@anthonyrom commented on GitHub (Jan 23, 2025):

Duplicate of #707 (and #2859 which should also be closed, but I don't want to comment there since it would un-stale the issue)

<!-- gh-comment-id:2608934876 --> @anthonyrom commented on GitHub (Jan 23, 2025): Duplicate of #707 (and #2859 which should also be closed, but I don't want to comment there since it would un-stale the issue)
Author
Owner

@lastsamurai26 commented on GitHub (Jan 29, 2025):

i using Theme.Park (:
this is what i use

services:
  theme-park:
    image: ghcr.io/themepark-dev/theme.park
    container_name: theme-park
    environment:
      - PUID=1000
      - PGID=1000
      - TZ=Europe/Berlin
      - TP_URLBASE=themes #optional
    volumes:
      - /opt/containers/themepark:/config #optional
    restart: unless-stopped
    networks:
        proxy:
networks:
  proxy:
   external: true

Add this to your NPM docker compose file to the env'S
TP_THEME: dark
TP_DOMAIN: npmdomain.de/themes
this to the volumes
- /opt/containers/nginxproxy/themes/98-themepark:/etc/cont-init.d/98-themepark

download this file
https://raw.githubusercontent.com/themepark-dev/theme.park/refs/heads/master/docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark
put it into the folder Above

start booth Containers

add this to your npm domain as custom location

Image

same like here
https://github.com/NginxProxyManager/nginx-proxy-manager/issues/707#issuecomment-2436441321

<!-- gh-comment-id:2621666415 --> @lastsamurai26 commented on GitHub (Jan 29, 2025): i using Theme.Park (: this is what i use ``` services: theme-park: image: ghcr.io/themepark-dev/theme.park container_name: theme-park environment: - PUID=1000 - PGID=1000 - TZ=Europe/Berlin - TP_URLBASE=themes #optional volumes: - /opt/containers/themepark:/config #optional restart: unless-stopped networks: proxy: networks: proxy: external: true ``` Add this to your NPM docker compose file to the env'S TP_THEME: dark TP_DOMAIN: npmdomain.de\/themes this to the volumes - /opt/containers/nginxproxy/themes/98-themepark:/etc/cont-init.d/98-themepark download this file https://raw.githubusercontent.com/themepark-dev/theme.park/refs/heads/master/docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark put it into the folder Above start booth Containers add this to your npm domain as custom location ![Image](https://github.com/user-attachments/assets/1b94486a-f7f1-4e3b-8368-0466e10191f9) same like here https://github.com/NginxProxyManager/nginx-proxy-manager/issues/707#issuecomment-2436441321
Author
Owner

@ghost commented on GitHub (Jan 29, 2025):

Thanks i will try

Op wo 29 jan 2025 om 14:33 schreef Frank @.***>

i using Theme.Park (:
this is what i use

services:
theme-park:
image: ghcr.io/themepark-dev/theme.park
container_name: theme-park
environment:
- PUID=1000
- PGID=1000
- TZ=Europe/Berlin
- TP_URLBASE=themes #optional
volumes:
- /opt/containers/themepark:/config #optional
restart: unless-stopped
networks:
proxy:
networks:
proxy:
external: true

Add this to your NPM docker compose file to the env'S
TP_THEME: dark
TP_DOMAIN: npmdomain.de/themes
this to the volumes

/opt/containers/nginxproxy/themes/98-themepark:/etc/cont-init.d/98-themepark

download this file

https://raw.githubusercontent.com/themepark-dev/theme.park/refs/heads/master/docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark
put it into the folder Above

start booth Containers

add this to your npm domain as custom location

image.png (view on web)
https://github.com/user-attachments/assets/1b94486a-f7f1-4e3b-8368-0466e10191f9


Reply to this email directly, view it on GitHub
https://github.com/NginxProxyManager/nginx-proxy-manager/issues/4314#issuecomment-2621666415,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/BNAF35RT2KX5Q3N7UBWIDWD2NDKC3AVCNFSM6AAAAABVVQ4WI6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMRRGY3DMNBRGU
.
You are receiving this because you authored the thread.Message ID:
@.***>

<!-- gh-comment-id:2621741132 --> @ghost commented on GitHub (Jan 29, 2025): Thanks i will try Op wo 29 jan 2025 om 14:33 schreef Frank ***@***.***> > i using Theme.Park (: > this is what i use > > services: > theme-park: > image: ghcr.io/themepark-dev/theme.park > container_name: theme-park > environment: > - PUID=1000 > - PGID=1000 > - TZ=Europe/Berlin > - TP_URLBASE=themes #optional > volumes: > - /opt/containers/themepark:/config #optional > restart: unless-stopped > networks: > proxy: > networks: > proxy: > external: true > > Add this to your NPM docker compose file to the env'S > TP_THEME: dark > TP_DOMAIN: npmdomain.de/themes > this to the volumes > - > /opt/containers/nginxproxy/themes/98-themepark:/etc/cont-init.d/98-themepark > > download this file > > https://raw.githubusercontent.com/themepark-dev/theme.park/refs/heads/master/docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark > put it into the folder Above > > start booth Containers > > add this to your npm domain as custom location > > image.png (view on web) > <https://github.com/user-attachments/assets/1b94486a-f7f1-4e3b-8368-0466e10191f9> > > — > Reply to this email directly, view it on GitHub > <https://github.com/NginxProxyManager/nginx-proxy-manager/issues/4314#issuecomment-2621666415>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/BNAF35RT2KX5Q3N7UBWIDWD2NDKC3AVCNFSM6AAAAABVVQ4WI6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMRRGY3DMNBRGU> > . > You are receiving this because you authored the thread.Message ID: > ***@***.***> >
Author
Owner

@kllngtme commented on GitHub (Jan 29, 2025):

The themepark addition is cool and all but requires effort to setup and an additional service. Is there a reason why darkmode can't be added to NPM? 4 year old links for people asking the same thing to just save our eyes only to be told to use a workaround? Pardon the ignorance. I'm trying to understand a little why it can't be added

<!-- gh-comment-id:2622539255 --> @kllngtme commented on GitHub (Jan 29, 2025): The themepark addition is cool and all but requires effort to setup and an additional service. Is there a reason why darkmode can't be added to NPM? 4 year old links for people asking the same thing to just save our eyes only to be told to use a workaround? Pardon the ignorance. I'm trying to understand a little why it can't be added
Author
Owner

@lastsamurai26 commented on GitHub (Jan 31, 2025):

I honestly can't say, but I live with this workaround.
I was ready to switch to Zoraxy, but it doesn't support wildcard certificates, let alone automatically renewing them

<!-- gh-comment-id:2626494428 --> @lastsamurai26 commented on GitHub (Jan 31, 2025): I honestly can't say, but I live with this workaround. I was ready to switch to Zoraxy, but it doesn't support wildcard certificates, let alone automatically renewing them
Author
Owner

@OfficialMuffin commented on GitHub (Feb 8, 2025):

Couldn't we just use Dark Reader extension in our browsers?

<!-- gh-comment-id:2645930785 --> @OfficialMuffin commented on GitHub (Feb 8, 2025): Couldn't we just use Dark Reader extension in our browsers?
Author
Owner

@lastsamurai26 commented on GitHub (Feb 13, 2025):

Couldn't we just use Dark Reader extension in our browsers?

It is up to you, but this extension only works where it is installed, but Theme-Park always runs independently of the device

<!-- gh-comment-id:2656430744 --> @lastsamurai26 commented on GitHub (Feb 13, 2025): > Couldn't we just use Dark Reader extension in our browsers? It is up to you, but this extension only works where it is installed, but Theme-Park always runs independently of the device
Author
Owner

@op4lat commented on GitHub (May 18, 2025):

@lastsamurai26 Thanks! Although I didn't do it your way https://github.com/NginxProxyManager/nginx-proxy-manager/issues/4314#issuecomment-2621666415 , I combined your referred https://github.com/NginxProxyManager/nginx-proxy-manager/issues/707#issuecomment-2436441321 way with yours.

  1. Download the mod
  2. chmod +x it
  3. Mount it to /etc/cont-init.d/98-themepark
  4. Used the env var TP_THEME: dark instead of "editing line 45"
  5. ???
  6. PROFIT!
<!-- gh-comment-id:2888707741 --> @op4lat commented on GitHub (May 18, 2025): @lastsamurai26 Thanks! Although I didn't do it your way https://github.com/NginxProxyManager/nginx-proxy-manager/issues/4314#issuecomment-2621666415 , I combined your referred https://github.com/NginxProxyManager/nginx-proxy-manager/issues/707#issuecomment-2436441321 way with yours. 1. Download the [mod](https://raw.githubusercontent.com/themepark-dev/theme.park/refs/heads/master/docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark) 2. chmod +x it 3. Mount it to /etc/cont-init.d/98-themepark 4. Used the env var `TP_THEME: dark` instead of "editing line 45" 5. ??? 6. PROFIT!
Author
Owner

@Feriman22 commented on GitHub (Aug 23, 2025):

Wow, thanks @op4lat

It looks like this for me:
Image

<!-- gh-comment-id:3217399704 --> @Feriman22 commented on GitHub (Aug 23, 2025): Wow, thanks @op4lat It looks like this for me: <img width="1256" height="443" alt="Image" src="https://github.com/user-attachments/assets/d83b829e-f6cb-48ef-a1a7-35cd57f335f5" />
Author
Owner

@sleighton commented on GitHub (Aug 23, 2025):

@op4lat Wow, awesome! So much easier on my old eyes and simple to implement. Thanks!

<!-- gh-comment-id:3217429479 --> @sleighton commented on GitHub (Aug 23, 2025): @op4lat Wow, awesome! So much easier on my old eyes and simple to implement. Thanks!
Author
Owner

@7heMech commented on GitHub (Nov 11, 2025):

This can be closed since new version has dark mode. @jc21

<!-- gh-comment-id:3516845787 --> @7heMech commented on GitHub (Nov 11, 2025): This can be closed since new version has dark mode. @jc21
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/nginx-proxy-manager-NginxProxyManager#2773
No description provided.