[erp5_web_renderjs_ui] Display the active tab with the same background color than the page

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -526,9 +526,13 @@ div[data-gadget-scope='panel'] ul li a {
   overflow: hidden;
   white-space: nowrap;
 }
-div[data-gadget-scope='panel'] ul li a:hover,
-div[data-gadget-scope='panel'] ul li a:active,
 div[data-gadget-scope='panel'] ul li a.active {
+  color: #1F1F1F;
+  background-color: #FFFFFF;
+}
+div[data-gadget-scope='panel'] ul li a:hover,
+div[data-gadget-scope='panel'] ul li a:active {
+  color: #FFFFFF;
   background-color: #2b2b2b;
 }
 div[data-gadget-scope='panel'] ul li a::before {
@@ -564,9 +568,13 @@ div[data-gadget-scope='panel'] dl dd a {
   white-space: nowrap;
   padding-left: 36pt;
 }
-div[data-gadget-scope='panel'] dl dd a:hover,
-div[data-gadget-scope='panel'] dl dd a:active,
 div[data-gadget-scope='panel'] dl dd a.active {
+  color: #1F1F1F;
+  background-color: #FFFFFF;
+}
+div[data-gadget-scope='panel'] dl dd a:hover,
+div[data-gadget-scope='panel'] dl dd a:active {
+  color: #FFFFFF;
   background-color: #2b2b2b;
 }
 div[data-gadget-scope='panel'] dl dd a::before {

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>965.9320.8079.11059</string> </value>
+                <value> <string>965.10742.13164.48827</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1517244311.54</float>
+                        <float>1517329600.93</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -655,7 +655,14 @@ div[data-gadget-scope='panel'] {
   .linkpanel() {
     color: @white;
     display: block;
-    &:hover, &:active, &.active {
+    // Define .active before :hover to ensure it hover is displayed
+    // for the .active entry
+    &.active {
+      color: @colorforeground;
+      background-color: @colorbackground;
+    }
+    &:hover, &:active {
+      color: @white;
       background-color: darken(@panelbackgroundcolor, 10%);
     }
   }