Dark Mode for Web Interface

I know to keep using it I will have to stay on the custom branches but will choose to give it up if there is not plans to update the branches with the changes that go into V5.0. Would rather have updated code and lose dark mode than old code with dark mode.

The v5.0 code is done. At least, we hope so. The release is basically finished, we just wait for enough developers to be around at the same time for pushing the RELEASE NOW button. I don't think there will be many more updates to follow. Afterwards, this PR will probably be merged rather soon into development where we will continue our work.

Thanks, I don't run Chrome but this seems similar, with obviously some obstacles such as generally white bright colors and white borders around the charts. Furthermore, the host name in the upper right looks odd. Still interesting to see what they do in converting webpages.

1 Like

Amazing :heart_eyes:

hello... small problem here..

pi@pihole01:~ $ pihole -v
  Pi-hole version is new/dark v4.3.5-492-g71bc985 (Latest: v5.0)
  AdminLTE version is new/dark v5.0-17-gf028aec (Latest: v5.0)
  FTL version is release/v5.0 vDev-c499c17 (Latest: v5.0)
pi@pihole01:~ $ pihole -up
  [i] Checking for updates...
  [i] Pi-hole Core:	up to date
  [i] Web Interface:	update available
  [i] FTL:		up to date
  [i] Warning: You are using FTL from a custom branch (release/v5.0) and might be missing future releases.

  [i] Pi-hole Web Admin files out of date, updating local repo.
  [✓] Check for existing repository in /var/www/html/admin
  [i] Update repo in /var/www/html/admin...
  : Could not update local repository. Contact support.

Try

root@pihole02:/var/www/html/admin# sudo git reset --hard HEAD^^
HEAD is now at 99048738 Improve charts overlay in dark mode
root@pihole02:/var/www/html/admin# sudo git pull 
Auto-merging style/themes/default-light.css
CONFLICT (add/add): Merge conflict in style/themes/default-light.css
Auto-merging style/themes/default-dark.css
CONFLICT (add/add): Merge conflict in style/themes/default-dark.css
Auto-merging style/pi-hole.css
CONFLICT (content): Merge conflict in style/pi-hole.css
Auto-merging settings.php
CONFLICT (content): Merge conflict in settings.php
Auto-merging scripts/pi-hole/php/savesettings.php
Auto-merging scripts/pi-hole/php/header.php
CONFLICT (content): Merge conflict in scripts/pi-hole/php/header.php
Auto-merging scripts/pi-hole/js/queries.js
CONFLICT (content): Merge conflict in scripts/pi-hole/js/queries.js
Auto-merging scripts/pi-hole/js/network.js
CONFLICT (content): Merge conflict in scripts/pi-hole/js/network.js
Auto-merging scripts/pi-hole/js/index.js
CONFLICT (content): Merge conflict in scripts/pi-hole/js/index.js
Auto-merging scripts/pi-hole/js/footer.js
CONFLICT (content): Merge conflict in scripts/pi-hole/js/footer.js
Auto-merging scripts/pi-hole/js/db_lists.js
CONFLICT (content): Merge conflict in scripts/pi-hole/js/db_lists.js
Auto-merging queryads.php
CONFLICT (content): Merge conflict in queryads.php
Auto-merging network.php
CONFLICT (content): Merge conflict in network.php
Removing img/favicons/mstile-150x150.png
Auto-merging groups-domains.php
Auto-merging debug.php
Auto-merging db_graph.php
CONFLICT (content): Merge conflict in db_graph.php
Automatic merge failed; fix conflicts and then commit the result.

Try

sudo git reset --hard master
sudo git pull
1 Like

how can i change my web view to dark mode in 5.0??

It's not yet a complete feature, and is being actively developed. Hopefully we should have it ready for 5.1, but no ETA on that I'm afraid

on my first pihole it works but on the second one it doesn't

root@pihole02:/etc/.pihole# pihole -v
  Pi-hole version is new/dark v4.4 (Latest: v5.0)
  AdminLTE version is new/dark v4.3.3 (Latest: v5.0)
  FTL version is release/v5.0 vDev-c499c17 (Latest: v5.0)

root@pihole02:/etc/.pihole# pihole -up
  [i] Checking for updates...
  [i] Pi-hole Core:	update available
  [i] Web Interface:	update available
  [i] FTL:		up to date
  [i] Warning: You are using FTL from a custom branch (release/v5.0) and might be missing future releases.

  [i] Pi-hole core files out of date, updating local repo.
  [✓] Check for existing repository in /etc/.pihole
  [i] Update repo in /etc/.pihole...
  : Could not update local repository. Contact support.
root@pihole02:/etc/.pihole# cd /etc/.pihole
root@pihole02:/etc/.pihole# sudo git reset --hard master
HEAD is now at 9e490775 Merge pull request #3166 from pi-hole/release/v4.4
root@pihole02:/etc/.pihole# sudo git pull
Your configuration specifies to merge with the ref 'refs/heads/new/dark'
from the remote, but no such ref was fetched.
root@pihole02:/etc/.pihole# pihole -up
  [i] Checking for updates...
  [i] Pi-hole Core:	update available
  [i] Web Interface:	update available
  [i] FTL:		up to date
  [i] Warning: You are using FTL from a custom branch (release/v5.0) and might be missing future releases.

  [i] Pi-hole core files out of date, updating local repo.
  [✓] Check for existing repository in /etc/.pihole
  [i] Update repo in /etc/.pihole...
  : Could not update local repository. Contact support.

and no dark mode

The dark mode has been merged into development now. Try a pihole checkout dev

Woah, the next release will be a bombastic fantastic one. And I'm also watching github, even more fancy stuff has already reached the v5.1 code.

Amazing work all around.

2 posts were split to a new topic: No resolution on pi-hole device

A post was merged into an existing topic: No resolution on pi-hole device

My log /var/log/lighthttpd/error.log

is full of

2020-05-18 16:33:39: (mod_fastcgi.c.421) FastCGI-stderr: PHP Warning:  file_get_contents(): Filename cannot be empty in /var/www/html/admin/scripts/pi-hole/php/FTL.php on line 39
2020-05-18 16:33:40: (mod_fastcgi.c.421) FastCGI-stderr: PHP Notice:  Undefined index: PORTFILE in /var/www/html/admin/scripts/pi-hole/php/FTL.php on line 39
2020-05-18 16:33:40: (mod_fastcgi.c.421) FastCGI-stderr: PHP Warning:  file_get_contents(): Filename cannot be empty in /var/www/html/admin/scripts/pi-hole/php/FTL.php on line 39
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr: Array
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr: (
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:     [default-light] => Array
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:         (
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [0] => Pi-hole default theme (light, default)
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [1] => 
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [2] => default-light
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [3] => minimal
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [4] => blue
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:         )
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:     [default-dark] => Array
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:         (
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [0] => Pi-hole midnight theme (dark)
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [1] => 1
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [2] => default-dark
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [3] => polaris
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [4] => polaris
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:         )
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:     [default-dark2] => Array
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:         (
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [0] => Pi-hole afternoon theme (dark)
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [1] => 1
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [2] => default-dark
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [3] => futurico
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:             [4] => futurico
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr:         )
2020-05-18 16:33:41: (mod_fastcgi.c.421) FastCGI-stderr: )
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr: Array
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr: (
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:     [default-light] => Array
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:         (
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [0] => Pi-hole default theme (light, default)
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [1] => 
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [2] => default-light
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [3] => minimal
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [4] => blue
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:         )
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:     [default-dark] => Array
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:         (
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [0] => Pi-hole midnight theme (dark)
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [1] => 1
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [2] => default-dark
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [3] => polaris
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [4] => polaris
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:         )
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:     [default-dark2] => Array
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:         (
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [0] => Pi-hole afternoon theme (dark)
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [1] => 1
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [2] => default-dark
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [3] => futurico
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:             [4] => futurico
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr:         )
2020-05-18 16:34:27: (mod_fastcgi.c.421) FastCGI-stderr: 
1 Like

You're right. Just checked mine... I'll look into it.

Edit: Found it. I'll PR a change

1 Like

Dark mode is implemented in v5.1
https://pi-hole.net/2020/07/15/pi-hole-5-1-released/