[erp5_web_renderjs_ui] Change contextual link color on hover

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -580,8 +580,8 @@ div[data-gadget-scope='panel'] dl dd a.active {
 }
 div[data-gadget-scope='panel'] dl dd a:hover,
 div[data-gadget-scope='panel'] dl dd a:active {
-  color: #FFFFFF;
-  background-color: #2b2b2b;
+  color: #1F1F1F;
+  background-color: #FFFFFF;
 }
 div[data-gadget-scope='panel'] dl dd a::before {
   width: 24pt;

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.13201.46575.21111</string> </value>
+                <value> <string>965.13224.57873.37870</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1517477074.88</float>
+                        <float>1517478641.81</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -32,6 +32,10 @@
 @colorblocklinkbackground: #e0e0e0;
 
 @panelbackgroundcolor: #444444;
+@paneldarkerbackgroundcolor: darken(@panelbackgroundcolor, 10%);
+
+@panelcontextuallinkcolor: @colorforeground;
+@panelcontextuallinkcolorbackground: @colorbackground;
 
 @listboxbordercolor: rgba(0, 0, 0, 0.14902);
 
@@ -663,18 +667,18 @@ div[data-gadget-scope='panel'] {
     padding-left: @double-margin-size + @quadruple-margin-size;
   }
 
-  .linkpanel() {
+  .linkpanel(@linkpanelhovercolor: @white, @linkpanelhoverbackgroundcolor: @paneldarkerbackgroundcolor) {
     color: @white;
     display: block;
     // Define .active before :hover to ensure it hover is displayed
     // for the .active entry
     &.active {
-      color: @colorforeground;
-      background-color: @colorbackground;
+      color: @panelcontextuallinkcolor;
+      background-color: @panelcontextuallinkcolorbackground;
     }
     &:hover, &:active {
-      color: @white;
-      background-color: darken(@panelbackgroundcolor, 10%);
+      color: @linkpanelhovercolor;
+      background-color: @linkpanelhoverbackgroundcolor;
     }
   }
 
@@ -708,7 +712,7 @@ div[data-gadget-scope='panel'] {
 
     dd {
         a {
-          .linkpanel();
+          .linkpanel(@panelcontextuallinkcolor, @panelcontextuallinkcolorbackground);
           .alignwithouticon();
         }
     }
@@ -1457,7 +1461,7 @@ div[data-gadget-scope='header'] .ui-header {
       // No transition, as it doesn't feel right
       // transition: background-color @transition-timing;
       &:hover, &:active {
-        background-color: darken(@panelbackgroundcolor, 10%);
+        background-color: @paneldarkerbackgroundcolor;
       }
 
     }