Issue #3211616 by mherchel, Gauravmahlawat, lauriii, bnjmnm, ckrina, xjm,...

Issue #3211616 by mherchel, Gauravmahlawat, lauriii, bnjmnm, ckrina, xjm, rikki_iki, jwitkowski79: Olivero: a11y color contrast test fail for primary button on hover

core/themes/olivero/css/base/variables.pcss.css

@@ -133,6 +133,7 @@
   --color--gray-80: #e7edf1; /* Gray light 1 */
   --color--gray-90: #f1f4f7;
   --color--gray-95: #f7f9fa; /* Gray light 2 */
+  --color--blue-10: #0f6292;
   --color--blue-20: #0d77b5; /* Blue dark */
   --color--blue-30: #3d92c4; /* Blue dark 2 */
   --color--blue-50: #2494db; /* Blue medium */

core/themes/olivero/css/components/button.css

@@ -139,7 +139,8 @@
 .button--primary:hover,
   .button--primary:focus {
     color: #fff;
-    background-color: #2494db;
+    border-color: #0f6292;
+    background-color: #0f6292;
   }
 
 .button--primary:active {

core/themes/olivero/css/components/button.pcss.css

@@ -87,7 +87,8 @@
   &:hover,
   &:focus {
     color: var(--color--white);
-    background-color: var(--color--blue-50);
+    border-color: var(--color--blue-10);
+    background-color: var(--color--blue-10);
   }
 
   &:active {