colors update

web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppColors/Common/ThemeList.stories.tsx

@@ -15,7 +15,7 @@ const meta: Meta<typeof ThemeList> = {
       {
         name: 'Ocean Breeze',
         selected: true,
-        colors: ['#1E88E5', '#00ACC1', '#00897B', '#43A047', '#7CB342']
+        colors: ['#1E88E5', '#00ACC1', '#00897B', '#43A047', '#7CB342', '#673AB7', '#3F51B5']
       },
       {
         name: 'Sunset',
@@ -25,7 +25,21 @@ const meta: Meta<typeof ThemeList> = {
       {
         name: 'Berry',
         selected: false,
-        colors: ['#EC407A', '#AB47BC', '#7E57C2', '#5C6BC0', '#42A5F5']
+        colors: [
+          '#EC407A',
+          '#AB47BC',
+          '#7E57C2',
+          '#5C6BC0',
+          '#42A5F5',
+          '#29B6F6',
+          '#00BCD4',
+          '#0097A7',
+          '#00897B',
+          '#43A047',
+          '#7CB342',
+          '#673AB7',
+          '#3F51B5'
+        ]
       },
       {
         name: 'Earth Tones',

web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppColors/Common/ThemeList.tsx

@@ -41,7 +41,7 @@ const ColorOption: React.FC<{
     <div
       onClick={() => onChangeColorTheme(theme)}
       className={cn(
-        'flex w-full items-center justify-between space-x-1 overflow-hidden',
+        'flex w-full items-center justify-between space-x-2.5 overflow-hidden',
         'cursor-pointer rounded-sm px-3 py-2',
         selected ? 'bg-background border' : 'bg-item-active hover:bg-nav-item-hover'
       )}>

web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppStyling/EditShowLegend.tsx

@@ -22,8 +22,6 @@ export const EditShowLegend: React.FC<{
       allYAxisColumnNames
     });
 
-    console.log('showLegend', showLegend);
-
     return (
       <LabelAndInput label={'Show legend'}>
         <div className="flex justify-end">