WIP erp5_web_renderjs_ui: XXX ugly more visible focus

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -267,7 +267,7 @@ a:hover {
 }
 a:focus {
   outline-offset: -2px;
-  outline: 2px solid #3388cc;
+  outline: 2px solid #ffff8a;
 }
 @media not screen and (max-width: 85em) {
   a[accesskey]:after {
@@ -418,10 +418,13 @@ button::-moz-focus-inner {
   padding: 0px;
 }
 input[type=submit]:hover,
-button:hover,
+button:hover {
+  outline: none;
+}
 input[type=submit]:focus,
 button:focus {
-  outline: none;
+  outline-offset: -2px;
+  outline: 2px solid #3388cc;
 }
 /**********************************************
 * Media

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -75,7 +75,9 @@
         </item>
         <item>
             <key> <string>content_type</string> </key>
-            <value> <string>text/css</string> </value>
+            <value>
+              <none/>
+            </value>
         </item>
         <item>
             <key> <string>default_reference</string> </key>
@@ -230,7 +232,7 @@
                   </item>
                   <item>
                       <key> <string>actor</string> </key>
-                      <value> <string>georgios.dagkakis</string> </value>
+                      <value> <string>zope</string> </value>
                   </item>
                   <item>
                       <key> <string>comment</string> </key>
@@ -244,7 +246,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>980.28021.30830.63778</string> </value>
+                      <value> <string>986.53918.32237.3225</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -262,8 +264,8 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1593579172.65</float>
-                              <string>GMT+2</string>
+                              <float>1600941690.9</float>
+                              <string>UTC</string>
                             </tuple>
                           </state>
                         </object>

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

@@ -29,7 +29,7 @@
 @colorsubheaderbackground: #0E81C2;
 @colorsubheaderlink: #f8fff3;
 
-@colorfocus: #3388cc;
+@colorfocus: #ffff8a;
 @colorblocklinkbackground: #e0e0e0;
 
 @paneldarkerbackgroundcolor: @black;
@@ -526,10 +526,16 @@ input[type=submit], button {
   background:transparent;
   color: @colorforeground;
 
-  &:hover, &:focus {
+  &:hover {
     outline: none;
   }
 
+  &:focus {
+    // XXX TODO
+    outline-offset: -2px;
+    outline: 2px @border-type @focus-border-color;
+  }
+
 /*
   // XXX TODO
   // transition: background-color 0.2s ease-out;