nginx-proxy-manager icon indicating copy to clipboard operation
nginx-proxy-manager copied to clipboard

Make A Dark Mode Theme

Open dev-ricardoneud2007 opened this issue 11 months ago • 11 comments

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

Describe the solution you'd like

Describe alternatives you've considered

Additional context

dev-ricardoneud2007 avatar Jan 22 '25 17:01 dev-ricardoneud2007

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)

anthonyrom avatar Jan 23 '25 06:01 anthonyrom

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

lastsamurai26 avatar Jan 29 '25 13:01 lastsamurai26

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: @.***>

dev-ricardoneud2007 avatar Jan 29 '25 14:01 dev-ricardoneud2007

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

kllngtme avatar Jan 29 '25 18:01 kllngtme

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

lastsamurai26 avatar Jan 31 '25 07:01 lastsamurai26

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

OfficialMuffin avatar Feb 08 '25 20:02 OfficialMuffin

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

lastsamurai26 avatar Feb 13 '25 12:02 lastsamurai26

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

op4lat avatar May 18 '25 02:05 op4lat

Wow, thanks @op4lat

It looks like this for me: Image

Feriman22 avatar Aug 23 '25 20:08 Feriman22

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

sleighton avatar Aug 23 '25 21:08 sleighton

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

7heMech avatar Nov 11 '25 13:11 7heMech