From 21bb14db424c5733d652c08524115e1e7d68a804 Mon Sep 17 00:00:00 2001
From: plegall <plg@piwigo.org>
Date: Mon, 17 Oct 2016 10:36:08 +0200
Subject: [PATCH] feature #541, dark colors for menubar on admin clear theme

---
 admin/themes/clear/theme.css            | 26 ++++++++++++++-----------
 admin/themes/default/template/admin.tpl |  2 +-
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 5bc13485d..14dd16750 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -177,23 +177,27 @@ margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
 }
 
 #menubar ul.scroll { overflow-y:auto; max-height:500px; }
-#menubar dl { width: 200px; min-height:35px; border:0; margin: 0; padding: 0; display: block; border:1px solid #ddd; background-color:#f1f1f1; border-left:none; }
+#menubar dl { width: 200px; min-height:35px; border:0; margin: 0; padding: 0; display: block; border:0; background-color:#444; border-left:none; }
 #menubar dd { margin: 0; padding: 0; }
 #menubar dt {
-	background-color: #ddd; margin: 0; display: block; font-weight:bold;
-	position:relative; padding: 5px 1px 4px 5px; font-size: 13px; color: #777;
+	background-color: #333; margin: 0; display: block; font-weight:bold;
+	position:relative; padding: 5px 1px 4px 5px; font-size: 13px; color: #aaa;
 	cursor:pointer;
 }
-#menubar dl:first-of-type, #menubar dl:first-of-type dt { border-radius:0 6px 0 0;  }
-#menubar dl:last-of-type { border-radius:0 0 6px 0;  }
+#menubar dl:first-of-type, #menubar dl:first-of-type dt { border-radius:0;  }
+#menubar dl:last-of-type { border-radius:0;  }
 #menubar li { margin: 0; padding-left:10px; }
-#menubar li A { display:block; }
-#menubar li A:hover {color:black; text-decoration:none}
-#menubar li:hover {background-color:#dbe8f3;}
+#menubar li A { display:block; color:#ccc }
+#menubar li A:hover {color:#eee; text-decoration:none}
+#menubar li:hover {background-color:#222;}
 #menubar ul { color: #ccc; margin:0; line-height: 25px;
   list-style-type: none; list-style-position: inside; padding: 0; }
-#adminHome       {background-color:#ddd;border-radius: 0 6px 6px 0;margin-left:0;margin-bottom:17px;}
-#adminHome:hover {background-color:#d0d0d0;}
+#adminHome       {background-color:#333;border-radius: 0;margin-left:0;margin-bottom:17px;}
+#adminHome:hover {background-color:#f70;}
+#adminHome A {color:#aaa}
+#adminHome:hover A {color:#fff}
+
+#menubar i {font-size:14px;}
 
 /* jQuery tooltips */
 .ui-tooltip {
@@ -278,7 +282,7 @@ INPUT[type="text"].large  { width: 317px; }
 #themesContent H3 {border-bottom:1px solid #aaa;}
 .themeDefault {background-color:#dbe8f3;}
 
-#pluginsMenuSeparator {border:1px solid #ddd;}
+#pluginsMenuSeparator {border:1px solid #555;}
 
 #pwgHead, #footer {
 	background-color: #333;
diff --git a/admin/themes/default/template/admin.tpl b/admin/themes/default/template/admin.tpl
index b54d38790..d61f6f61a 100644
--- a/admin/themes/default/template/admin.tpl
+++ b/admin/themes/default/template/admin.tpl
@@ -42,7 +42,7 @@ jQuery(document).ready(function() {
 {/footer_script}
 
 <div id="menubar">
-  <div id="adminHome"><a href="{$U_ADMIN}">{'Administration Home'|@translate}</a></div>
+  <div id="adminHome"><a href="{$U_ADMIN}"><i class="icon-television"></i> {'Dashboard'|@translate}</a></div>
 
 	<dl>
 		<dt><i class="icon-picture"> </i><span>{'Photos'|@translate}&nbsp;</span></dt>