fix: colors

Author: astandrik

src/components/MemoryViewer/MemoryViewer.scss

@@ -32,50 +32,41 @@
         height: 20px;
         margin-right: 4px;
 
-        &_type_ExternalConsumption {
-            background-color: var(--g-color-base-info-medium);
-        }
-
         &_type_AllocatorCachesMemory {
-            background-color: var(--g-color-base-warning-medium);
+            background-color: var(--g-color-base-utility-medium-hover);
         }
 
         &_type_SharedCacheConsumption {
-            background-color: var(--g-color-base-utility-medium);
+            background-color: var(--g-color-base-info-medium-hover);
         }
 
         &_type_MemTableConsumption {
-            background-color: var(--g-color-base-danger-medium);
+            background-color: var(--g-color-base-warning-medium-hover);
         }
 
         &_type_QueryExecutionConsumption {
-            background-color: var(--g-color-base-misc-medium);
+            background-color: var(--g-color-base-positive-medium-hover);
         }
     }
 
     &__segment {
         position: absolute;
 
         height: 100%;
-
-        &_type_ExternalConsumption {
-            background-color: var(--g-color-base-info-medium);
-        }
-
         &_type_AllocatorCachesMemory {
-            background-color: var(--g-color-base-warning-medium);
+            background-color: var(--g-color-base-utility-medium-hover);
         }
 
         &_type_SharedCacheConsumption {
-            background-color: var(--g-color-base-utility-medium);
+            background-color: var(--g-color-base-info-medium-hover);
         }
 
         &_type_MemTableConsumption {
-            background-color: var(--g-color-base-danger-medium);
+            background-color: var(--g-color-base-warning-medium-hover);
         }
 
         &_type_QueryExecutionConsumption {
-            background-color: var(--g-color-base-misc-medium);
+            background-color: var(--g-color-base-positive-medium-hover);
         }
     }
 

src/components/MemoryViewer/utils.ts

@@ -17,44 +17,46 @@ interface MemorySegment {
 
 export function getMemorySegments(stats: TMemoryStats): MemorySegment[] {
     const segments = [
-        {
-            label: i18n('text_external-consumption'),
-            key: 'ExternalConsumption',
-            value: getMaybeNumber(stats.ExternalConsumption),
-            isInfo: true,
-        },
-        {
-            label: i18n('text_allocator-caches'),
-            key: 'AllocatorCachesMemory',
-            value: getMaybeNumber(stats.AllocatorCachesMemory),
-        },
         {
             label: i18n('text_shared-cache'),
             key: 'SharedCacheConsumption',
             value: getMaybeNumber(stats.SharedCacheConsumption),
             capacity: getMaybeNumber(stats.SharedCacheLimit),
         },
+        {
+            label: i18n('text_query-execution'),
+            key: 'QueryExecutionConsumption',
+            value: getMaybeNumber(stats.QueryExecutionConsumption),
+            capacity: getMaybeNumber(stats.QueryExecutionLimit),
+        },
         {
             label: i18n('text_memtable'),
             key: 'MemTableConsumption',
             value: getMaybeNumber(stats.MemTableConsumption),
             capacity: getMaybeNumber(stats.MemTableLimit),
         },
         {
-            label: i18n('text_query-execution'),
-            key: 'QueryExecutionConsumption',
-            value: getMaybeNumber(stats.QueryExecutionConsumption),
-            capacity: getMaybeNumber(stats.QueryExecutionLimit),
+            label: i18n('text_allocator-caches'),
+            key: 'AllocatorCachesMemory',
+            value: getMaybeNumber(stats.AllocatorCachesMemory),
+        },
+        {
+            label: i18n('text_external-consumption'),
+            key: 'ExternalConsumption',
+            value: getMaybeNumber(stats.ExternalConsumption),
+            isInfo: true,
         },
         {
             label: i18n('text_soft-limit'),
             key: 'SoftLimit',
             value: getMaybeNumber(stats.SoftLimit),
+            isInfo: true,
         },
         {
             label: i18n('text_hard-limit'),
             key: 'HardLimit',
             value: getMaybeNumber(stats.HardLimit),
+            isInfo: true,
         },
     ];