some updates to the default colours and styling

app/SupportedApps/Duplicati.php

@@ -3,7 +3,7 @@
 class Duplicati implements Contracts\Applications {
     public function defaultColour()
     {
-        return '#222';
+        return '#2c3744';
     }
     public function icon()
     {

app/SupportedApps/Nzbget.php

@@ -9,7 +9,7 @@ class Nzbget implements Contracts\Applications, Contracts\Livestats {
 
     public function defaultColour()
     {
-        return '#124019';
+        return '#253827';
     }
     public function icon()
     {

app/SupportedApps/Pfsense.php

@@ -3,7 +3,7 @@
 class Pfsense implements Contracts\Applications {
     public function defaultColour()
     {
-        return '#222';
+        return '#4e4742';
     }
     public function icon()
     {

app/SupportedApps/Pihole.php

@@ -6,7 +6,7 @@ use GuzzleHttp\Client;
 class Pihole implements Contracts\Applications, Contracts\Livestats {
     public function defaultColour()
     {
-        return '#2b0909';
+        return '#352222';
     }
     public function icon()
     {

app/SupportedApps/Portainer.php

@@ -3,7 +3,7 @@
 class Portainer implements Contracts\Applications {
     public function defaultColour()
     {
-        return '#222';
+        return '#283f44';
     }
     public function icon()
     {

app/SupportedApps/Sabnzbd.php

@@ -9,7 +9,7 @@ class Sabnzbd implements Contracts\Applications, Contracts\Livestats {
 
     public function defaultColour()
     {
-        return '#463b06';
+        return '#3e3924';
     }
     public function icon()
     {

app/SupportedApps/Unifi.php

@@ -3,7 +3,7 @@
 class Unifi implements Contracts\Applications {
     public function defaultColour()
     {
-        return '#222';
+        return '#363840';
     }
     public function icon()
     {

public/css/app.css

@@ -519,8 +519,6 @@ body {
   border-radius: 6px;
   padding: 15px;
   padding-right: 55px;
-  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
   color: white;
   overflow: hidden;
   position: relative;
@@ -533,6 +531,10 @@ body {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  border: 1px solid #333333;
+  border: 1px solid #4a4a4a;
+  border: 1px solid rgba(76, 76, 76, 0.4);
+  background-clip: padding-box;
 }
 
 .item:after {

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=2c26ceaac3fea305ee9d",
+    "/css/app.css": "/css/app.css?id=70973f59883db8552bcd",
     "/js/app.js": "/js/app.js?id=8dfc323d4d8919d6f3bf"
 }

resources/assets/sass/_app.scss

@@ -232,7 +232,7 @@ body {
 	padding: 15px;
 	padding-right: 55px;
 	//border: 2px solid rgba(0,0,0,0.4);
-	box-shadow: 0 0 20px 2px rgba(0,0,0,0.3);
+	//box-shadow: 0 0 15px 1px rgba(35, 35, 35, 0.44);
 	color: white;
 	overflow: hidden;
 	position: relative;
@@ -240,6 +240,11 @@ body {
 	outline: 1px solid transparent;
 	display: flex;
 	align-items: center;
+	border: 1px solid #333333;
+    border: 1px solid rgb(74, 74, 74);
+    border: 1px solid rgba(76, 76, 76, 0.4);
+    -webkit-background-clip: padding-box;
+	background-clip: padding-box;
 	&:after {
 		content: "";
 		position: absolute;