fix: brand colors

Author: qradle-yndx

src/editor-v2/containers/BigOverlay/BigOverlay.scss

@@ -12,7 +12,7 @@ $block: '.#{$ns}big-overlay';
     pointer-events: none;
     overflow: hidden;
 
-    $border: 3px var(--g-color-line-brand) solid;
+    $border: 3px var(--g-color-base-brand) solid;
 
     &__border {
         pointer-events: none;

src/editor-v2/containers/Overlay/Overlay.scss

@@ -5,8 +5,8 @@ $block: '.#{$ns}overlay';
 
 #{$block} {
     $border-width: 3px;
-    $border-select: 5px var(--g-color-line-brand) solid;
-    $border: $border-width var(--g-color-line-brand) solid;
+    $border-select: 5px var(--g-color-base-brand) solid;
+    $border: $border-width var(--g-color-base-brand) solid;
     $border-radius: 24px;
 
     position: absolute;
@@ -87,4 +87,8 @@ $block: '.#{$ns}overlay';
             padding: 3px 4px;
         }
     }
+
+    &__reorder-icon {
+        color: var(--g-color-base-brand);
+    }
 }

src/editor-v2/containers/Overlay/Overlay.tsx

@@ -113,7 +113,7 @@ const Overlay = ({className, canvasElement}: OverlayProps) => {
                     <div className={b('actions')}>
                         <div className={b('actions-box', {reorder: true})}>
                             <Button view="flat" size={'m'} onClick={handleMoveUp}>
-                                <Icon data={ChevronUp} size={18} />
+                                <Icon className={b('reorder-icon')} data={ChevronUp} size={18} />
                             </Button>
                         </div>
                         <div className={b('actions-box', {main: true})}>
@@ -136,7 +136,7 @@ const Overlay = ({className, canvasElement}: OverlayProps) => {
                         </div>
                         <div className={b('actions-box', {reorder: true})}>
                             <Button view="flat" size={'m'} onClick={handleMoveDown}>
-                                <Icon data={ChevronDown} size={18} />
+                                <Icon className={b('reorder-icon')} data={ChevronDown} size={18} />
                             </Button>
                         </div>
                     </div>

src/editor-v2/styles/root.scss

@@ -1,9 +1,13 @@
 .g-root {
     --g-color-base-selection: var(--g-color-private-black-200);
     --g-color-base-selection-hover: var(--g-color-private-black-300);
-    --g-color-base-brand: var(--g-color-private-black-850-solid);
-    --g-color-base-brand-hover: var(--g-color-private-black-700-solid);
+    --g-color-base-brand: rgb(38, 38, 38); // --g-color-private-black-850-solid only light theme
+    --g-color-base-brand-hover: rgb(
+        76,
+        76,
+        76
+    ); // --g-color-private-black-700-solid only light theme
     --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-    --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
+    --g-color-text-brand-heavy: rgb(76, 76, 76);
     --g-color-line-brand: var(--g-color-text-primary);
 }