chore: update colors vars (#734)

Author: artemmufazalov

src/components/EntityStatus/EntityStatus.scss

@@ -14,7 +14,7 @@
 
         margin-left: 8px;
 
-        color: var(--yc-color-text-secondary);
+        color: var(--g-color-text-secondary);
 
         &_visible {
             visibility: visible;

src/components/LagImages/LagImages.tsx

@@ -32,7 +32,7 @@ const ArrowLine = ({width}: ArrowLineProps) => (
 );
 
 const WriteLag = () => (
-    <g fill="var(--yc-color-text-primary)" fontSize="12">
+    <g fill="var(--g-color-text-primary)" fontSize="12">
         <g transform={`translate(0, ${HEIGHT / 2})`} stroke={WRITE_FILL}>
             <ArrowLine width={STICK_SPACE * 2.9} />
         </g>
@@ -85,7 +85,7 @@ const WriteLag = () => (
 );
 
 const ReadLag = () => (
-    <g fill="var(--yc-color-text-primary)" fontSize="12">
+    <g fill="var(--g-color-text-primary)" fontSize="12">
         <g transform={`translate(0, ${HEIGHT / 2})`} stroke={READ_FILL}>
             <ArrowLine width={WIDTH} />
         </g>

src/components/TabletsOverall/TabletsOverall.tsx

@@ -12,12 +12,12 @@ import './TabletsOverall.scss';
 const minOverallPercentValue = 3;
 
 const colors = {
-    grey: 'var(--yc-color-base-misc-heavy)',
-    green: 'var(--yc-color-base-positive-heavy)',
-    yellow: ' var(--yc-color-base-warning-heavy)',
-    orange: 'var( --yc-color-base-warning-orange)',
-    red: 'var(--yc-color-base-danger-heavy)',
-    blue: 'var(--yc-color-base-info-heavy)',
+    grey: 'var(--ydb-color-status-grey)',
+    green: 'var(--ydb-color-status-green)',
+    yellow: ' var(--ydb-color-status-yellow)',
+    orange: 'var(--ydb-color-status-orange)',
+    red: 'var(--ydb-color-status-red)',
+    blue: 'var(--ydb-color-status-blue)',
 };
 
 const b = cn('kv-tablets-overall');

src/containers/AppIcons/AppIcons.js

@@ -65,6 +65,6 @@
 
         margin-left: 8px;
 
-        color: var(--yc-color-text-secondary);
+        color: var(--g-color-text-secondary);
     }
 }

src/containers/Versions/NodesTreeTitle/NodesTreeTitle.scss

@@ -25,7 +25,7 @@ export const COLORS = [
     '#b22222', // firebrick
 ];
 
-export const GRAY_COLOR = '#bfbfbf'; // --yc-color-base-neutral-hover
+export const GRAY_COLOR = '#bfbfbf';
 
 export const getVersionsMap = (versions: string[], initialMap: VersionsMap = new Map()) => {
     versions.forEach((version) => {