update styles

2 files changed, 35 insertions, 22 deletions

diff --git a/src/usr/local/www/bootstrap/css/pfSense-dark.css b/src/usr/local/www/bootstrap/css/pfSense-dark.css
index b57d78c..90c1fbc 100644
--- a/src/usr/local/www/bootstrap/css/pfSense-dark.css
+++ b/src/usr/local/www/bootstrap/css/pfSense-dark.css
@@ -1,26 +1,26 @@
-@import url("/bootstrap/css/bootstrap.min.css");
 @import url("/bootstrap/css/pfSense.css");
 
+body {
+	background-color: #212121;
+	color: #e0e0e0;
+}
+
 a {
-	color: #009688;
+    color: #009688;
 }
 
 a:hover {
-	color: #00796B;
-	text-decoration: none;
+    color: #00796B;
+    text-decoration: none;
 }
 
-h1 a:link{
-	color: #fff;
+h1 a:link, a:visited {
+    color: #fff;
 }
 
-
-h1 a:visited { color: #fff; }
-h1 a:hover, h1 a:active { color: #fff; text-decoration: none !important; }
-
-body {
-	background-color: #212121;
-	color: #e0e0e0;
+h1 a:hover, h1 a:active { 
+    color: #fff; 
+    text-decoration: none !important; 
 }
 
 /** Content structure */
diff --git a/src/usr/local/www/bootstrap/css/pfSense.css b/src/usr/local/www/bootstrap/css/pfSense.css
index 6218581..cd4e840 100644
--- a/src/usr/local/www/bootstrap/css/pfSense.css
+++ b/src/usr/local/www/bootstrap/css/pfSense.css
@@ -37,7 +37,7 @@ a.fa, i.fa {
 	font-size: 18px;
 }
 
-h1 a:link{
+h1 a:link, h1 a:visited {
 	color: #000000;
 	text-decoration: none !important;
 }
@@ -46,10 +46,6 @@ h1.page-header {
 	display: none;
 }
 
-h1 a:visited { 
-	color: #000000;
-}
-
 h1 a:hover, h1 a:active { 
 	color: #000000; 
 	text-decoration: none !important; 
@@ -221,7 +217,7 @@ ul.context-links li a {
 .form-group {
     margin: 0;
     padding: 7px 5px 5px 5px;
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid #E0E0E0;
 }
 
 .form-group:last-child {
@@ -324,11 +320,16 @@ form .btn + .btn {
 	left: 0;
 	width: 100%;
 	height: 60px;
-	background-color: #f5f5f5;
+	background-color: #212121;
 	padding-top: 10px;
 	text-align: center;
 }
 
+footer a {
+    color: #ffffff;
+}
+
+
 /** Homepage / dashboard */
 .widget .panel-heading {
     background-color: #757575;
@@ -423,6 +424,18 @@ form .btn + .btn {
 	color: #337AB7;
 }
 
+.btn-success {
+	background-color: #43A047;
+}
+
+.btn-danger {
+	background-color: #B71C1C;
+}
+
+.btn-primary {
+	background-color: #1976D2;
+}
+
 .bg-primary {
 	color: #000;
 	background-color: #009688;
@@ -430,7 +443,7 @@ form .btn + .btn {
 
 .bg-info {
 	color: #000;
-	background-color: #B0BEC5;
+	background-color: #80DEEA;
 }
 
 .bg-danger {
@@ -445,7 +458,7 @@ form .btn + .btn {
 
 .bg-success {
 	color: #000;
-	background-color: #80CBC4;
+	background-color: #A5D6A7;
 }
 
 /** icons are often used with onclick actions, so we need the cursor to change to a pointer */