Material Design overhaul

README.md

@@ -1,33 +1,43 @@
-# pi-hole-midnight
+# pi-hole-material-dark
 Custom dark theme CSS for pi-hole to replace skin-blue AdminLTE theme.
 
 Created for use with [pi-hole](https://github.com/pi-hole/pi-hole).
 
-[![Screenshot](https://i.imgur.com/UrmgpyN.png)](https://i.imgur.com/UrmgpyN.png)
-
----
+![Screenshot](dashboard.png)
 
+----------
 ## Install
-Type the following commands into SSH, line by line.
 
-```
-cd /var/www/html/admin/style/vendor/
-sudo git clone https://github.com/jacobbates/pi-hole-midnight.git
-sudo rm -f skin-blue.min.css
-sudo cp pi-hole-midnight/skin-blue.min.css .
-sudo rm -rf pi-hole-midnight
-```
-Don't forget the trailing " ." on the cp line (it means copy to current directory).
+1. open a terminal (or SSH if you're remoting in) ( <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>T</kbd> )
+2. Type: `cd /var/www/html/`
+3. Type: `sudo wget https://raw.githubusercontent.com/MBarrows20/pi-hole-material-dark/master/install_Material_Dark_Theme.sh`
+4. Type: `sudo chmod +x install_Material_Dark_Theme.sh`
+5. Type: `sudo ./install_Material_Dark_Theme.sh`
+6. Follow the onscreen instructions!
+
+If you get a 400 Bad Request after running step 3 above, it's likely that GitHub thinks your PiHole is a webcrawler. In such an event, run the following steps before continuing to step 4: 
 
+1. Type: `sudo git clone https://github.com/MBarrows20/pi-hole-material-dark.git`
+2. Type: `sudo cp pi-hole-material-dark/install_Material_Dark_Theme.sh install_Material_Dark_Theme.sh`
+3. Type: `sudo rm -rf pi-hole-material-dark`
+
+---------
+## Update
+
+1. open a terminal (or SSH if you're remoting in) ( <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>T</kbd> )
+2. Type: `cd /var/www/html/`
+3. Type: `sudo ./install_Material_Dark_Theme.sh`
+4. Follow the onscreen instructions!
+
+----------
 ## Uninstall/Revert
 Type the following commands into SSH, line by line.
 
 ```
-cd /var/www/html/admin/style/vendor/
+cd /var/www/html/admin
 sudo git reset --hard
 ```
 
----
-
+----------
 ### License
 This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

install_Material_Dark_Theme.sh

@@ -0,0 +1,35 @@
+#!/bin/bash
+while true; do
+    read -p "Create a backup of the current files? (Y/n): " yn
+    case $yn in
+        [Yy]* ) 
+            cp -f admin/style/vendor/skin-blue.min.css admin/style/vendor/skin-blue.min.bkp.css  # Backup Skin StyleSheet...
+            cp -f admin/style/vendor/daterangepicker.css admin/style/vendor/daterangepicker.bkp.css  # Backup Calendar StyleSheet...
+            cp -f admin/scripts/vendor/app.min.js admin/scripts/vendor/app.min.bkp.js # Backup app.js
+            cp -f admin/scripts/pi-hole/js/index.js admin/scripts/pi-hole/js/index.bkp.js # Backup index.js
+            echo "Backup completed! Backup files contain the .bkp suffix before their extension."
+			break ;;
+        [Nn]* ) break;;
+        * ) echo "Please answer Yes (y) or No (n).";;
+    esac
+done
+while true; do
+    read -p "Install MBarrows20's Material Dark Theme now? (Y/n): " yn
+    case $yn in
+        [Yy]* ) 
+	    git clone https://github.com/mbarrows20/pi-hole-material-dark.git temp
+            rm -f admin/style/vendor/skin-blue.min.css
+            rm -f admin/style/vendor/daterangepicker.css
+            rm -f admin/scripts/vendor/app.min.js
+            rm -f admin/scripts/pi-hole/js/index.js
+            cp temp/style/vendor/skin-blue.min.css admin/style/vendor/skin-blue.min.css
+            cp temp/style/vendor/daterangepicker.css admin/style/vendor/daterangepicker.css
+            cp temp/scripts/vendor/app.min.js admin/scripts/vendor/app.min.js
+            cp temp/scripts/pi-hole/js/index.js admin/scripts/pi-hole/js/index.js
+	    rm -rf temp/
+			break;;
+        [Nn]* ) break;;
+        * ) echo "Please answer Yes (y) or No (n).";;
+    esac
+done
+echo "All done!"