Merge pull request #857 from Supremicus/switchable_themes

styling fixes and clarify what to do after theme selection

gui/slick/css/dark.css

@@ -28,12 +28,14 @@ a{
 }
 
 #upgrade-notification div {
-	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 50%, transparent 51%, rgba(0, 0, 0, 0.25)) repeat scroll 0% 0% padding-box #464A4F;
+    background-color: #C6B695;
-	background-color: #222;
+    border-bottom-color: #AF986B;
-	box-sizing: border-box;
+    border-bottom-style: solid;
-	box-shadow: 0px 1px rgba(255, 255, 255, 0.1) inset, 0px -1px 3px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
+    border-bottom-width: 1px;
-	text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
 	padding: 7px 0;
+	color: #fff;
+	font-weight: 700; 
+	text-shadow: none;
 }
 
 #header-fix {

gui/slick/css/default.css

@@ -337,10 +337,8 @@ a.inner {
 }
 
 #upgrade-notification div {
-	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 50%, transparent 51%, rgba(0, 0, 0, 0.25)) repeat scroll 0% 0% padding-box #464A4F;
 	background-color: #222;
 	box-sizing: border-box;
-	box-shadow: 0px 1px rgba(255, 255, 255, 0.1) inset, 0px -1px 3px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
 	text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
 	padding: 7px 0;
 }
@@ -2860,7 +2858,7 @@ jquery-ui-1.10.4.custom.css
 /* button elements seem to need a little more width */
 button.ui-button-icon-only {
 	width: 2.4em;
-	background: #707070 !important;
+	background: #707070;
 }
 .ui-button-icons-only {
 	width: 3.4em;
@@ -3541,7 +3539,7 @@ a > i.icon-question-sign { background-image: url("/images/glyphicons-halflings.p
 .browserDialog.busy .ui-dialog-buttonpane { background: url("/images/loading.gif") 10px 50% no-repeat !important; }
 .ui-progressbar .ui-progressbar-overlay { background: url("/css/lib/images/animated-overlay.gif"); }
 .ui-dialog, .ui-dialog-buttonpane { background: #2a2a2a  50% 50% repeat !important; }
-.ui-dialog-titlebar { background: #3d3d3d !important;}
+.ui-dialog-titlebar { background: #3d3d3d; }
 .ui-accordion-content, .ui-tabs-panel { background: #484848 !important; background-image: none !important; }
 
 .ui-widget-content { background: #606060 url("/css/lib/images/ui-bg_flat_0_606060_40x100.png") 50% top repeat-x; }

gui/slick/css/original.css

@@ -34,6 +34,9 @@ a{
     border-bottom-style: solid;
     border-bottom-width: 1px;      
 	padding: 7px 0;
+	color: #fff;
+	font-weight: 700; 
+	text-shadow: none;
 }
 
 #header-fix {
@@ -530,6 +533,22 @@ a.btn:hover {
     color: #ffffff !important;
 }
 
+.btn-large {
+  	background:#444444 !important;
+	color: #ffffff !important;
+	font-weight: normal !important;
+}
+
+.btn-large:hover,
+.btn-large:active,
+.btn-large.active,
+.btn-large.disabled,
+.btn-large[disabled] {
+	background-color: #666666 !important;
+	color: #ffffff !important;
+	font-weight: normal !important;
+}
+
 .btn.disabled,
 .btn[disabled] {
 	background-color: #555555;
@@ -1058,7 +1077,7 @@ jquery-ui-1.10.4.custom.css
 	border: 1px solid #aaaaaa;
 	/* background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; */
 	color: #222222;
-	font-weight: bold;
+	font-weight: normal;
 }
 
 .ui-widget-header a {
@@ -1070,7 +1089,7 @@ jquery-ui-1.10.4.custom.css
 .ui-widget-header .ui-state-default {
 	border: 1px solid #aaaaaa;
 	/* background: #efefef url(images/ui-bg_highlight-soft_75_efefef_1x100.png) 50% 50% repeat-x; */
-	font-weight: bold;
+	font-weight: normal;
 	color: #222222;
 }
 

gui/slick/interfaces/default/config_general.tmpl

@@ -534,7 +534,7 @@
                             </label>
                             <label class="nocheck clearfix">
                                 <span class="component-title">&nbsp;</span>
-                                <span class="component-desc">Choose a UI Theme to your liking.</span>
+								<span class="component-desc"><font color="red">Please refresh your browser after you have saved for appearance to take effect.</font></span>
                             </label>
                         </div>