MC-5701: Slide Dots Are Hard To See Against Certain Backgrounds On Storefront

- Updated slider dot styles for both admin panel and storefront to be consistently white with grey background that change to black on focus

Author: Hwashiang Yu

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slider/_default.less

@@ -223,7 +223,6 @@
                 &.active {
                     .navigation-dot-anchor:after {
                         background: @color-very-dark-grayish-orange;
-                        border: none;
                         transition: all .3s;
                     }
 
@@ -261,7 +260,6 @@
 
                     &.active .navigation-dot-anchor:after {
                         background: @color-pagebuilder-darkest-gray;
-                        border: none;
                     }
                 }
             }

app/code/Magento/PageBuilder/view/frontend/web/css/source/slick/_slick.less

@@ -194,7 +194,7 @@
         vertical-align: middle;
         width: 14px;
         button {
-            background: transparent;
+            background: @color-white;
             border: 1px solid #ccc;
             border-radius: 10px;
             box-shadow: none;
@@ -213,15 +213,13 @@
             &:active,
             &:focus,
             &:not(.primary) {
-                background: transparent;
                 box-shadow: none;
             }
         }
 
         &.slick-active {
             button {
                 background: #1c1918;
-                border: none;
             }
         }
     }