#514: User sees content snapshot on Category Page in Admin Panel - Align overlay colors.

Author: artKozynets

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_page-builder.less

@@ -3,10 +3,6 @@
 //  * See COPYING.txt for license details.
 //  */
 
-@border-size: 2px;
-@wysiwyg-overlay-background: #0078f9;
-@wysiwyg-overlay-border: #4181e4;
-
 .pagebuilder-header {
     opacity: 0;
     text-align: right;
@@ -193,8 +189,8 @@
     }
 
     &._hover {
-        background-color: fade(@wysiwyg-overlay-background, 8%);
-        border-color: @wysiwyg-overlay-border;
+        background-color: fade(@color-pagebuilder-blue, 10%);
+        border-color: @color-pagebuilder-blue;
         transform: translateY(0);
     }
 

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_var.less

@@ -34,6 +34,7 @@
 @color-pagebuilder-light-gray: #f8f3eb;
 @color-pagebuilder-darker-gray: #2b2625;
 @color-pagebuilder-darkest-gray: #1c1918;
+@color-pagebuilder-blue: #1473E6;
 @color-pagebuilder-light-blue: #bfe2f0;
 @placeholder-background: #dff7ff;
 @placeholder-outline: #c0dffa;