spruce: fix modal background-color and color

spruce/bootstrap.css

@@ -6725,12 +6725,21 @@ select {
 
 .modal-header {
   padding: 12px 15px 6px;
+  color: #ffffff;
   background-color: #015b4e;
 }
 
+.modal-header h1,
+.modal-header h2,
+.modal-header h3,
+.modal-header h4,
+.modal-header h5,
+.modal-header h6 {
+  color: #ffffff;
+}
+
 .modal-body,
 .modal-footer {
-  background-color: #333333;
   border: none;
   -webkit-box-shadow: none;
      -moz-box-shadow: none;
@@ -6742,6 +6751,10 @@ select {
   color: #555555;
 }
 
+.modal-footer {
+  background-color: #dddddd;
+}
+
 .popover-title {
   color: #ffffff;
 }
@@ -6768,4 +6781,4 @@ select {
 
 .affix {
   position: fixed;
-}
\ No newline at end of file
+}

spruce/bootswatch.less

@@ -616,11 +616,15 @@ input, textarea, select {
 	&-header {
 		padding: 12px 15px 6px;
 		background-color: @green;
+		color: @navbarLinkColor;
+
+		h1, h2, h3, h4, h5, h6 {
+			color: @navbarLinkColor;
+		}
 	}
 
 	&-body,
 	&-footer {
-		background-color: @headingsColor;
 		border: none;
 		.box-shadow(none);
 
@@ -628,6 +632,10 @@ input, textarea, select {
 			color: @textColor;
 		}
 	}
+
+	&-footer {
+		background-color: @wellBackground;
+	}
 }
 
 .popover {