ui fix

src/lib/components/BorrowedShare.svelte

@@ -110,6 +110,9 @@ function findLowestAndHighestFee(data, lastDateStr) {
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -118,7 +121,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -137,6 +140,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
       },
       position: 'right',
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
               return value?.toFixed(1)+'%'

src/lib/components/ClinicalTrial.svelte

@@ -123,6 +123,9 @@ function getPlotOptions() {
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
         yAxis: [
         {
@@ -131,7 +134,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
                 formatter: function (value) {
                 return '#'+(value / denominator)?.toFixed(0) + unit; // Format value in millions
                 },

src/lib/components/DarkPool.svelte

@@ -116,7 +116,9 @@ function getPlotOptions() {
         type: 'category',
         boundaryGap: false,
         data: dates,
-       
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -125,7 +127,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {

src/lib/components/Enterprise.svelte

@@ -71,6 +71,9 @@ function getPlotOptions() {
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
         yAxis: [
         {
@@ -79,7 +82,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value) {
                 //value = Math.max(value, 0);
                 return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions

src/lib/components/FailToDeliver.svelte

@@ -105,6 +105,9 @@ function findLowestAndHighestPrice(data, lastDateStr) {
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     {
@@ -112,7 +115,9 @@ function findLowestAndHighestPrice(data, lastDateStr) {
       splitLine: {
             show: false, // Disable x-axis grid lines
       },
+      
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
               return '$'+value?.toFixed(1)
@@ -129,7 +134,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
         },
         position: 'right',
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {

src/lib/components/GovernmentContract.svelte

@@ -90,7 +90,11 @@ use([BarChart, GridComponent, CanvasRenderer])
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
+        
         yAxis: [
         {
             type: 'value',
@@ -98,7 +102,7 @@ use([BarChart, GridComponent, CanvasRenderer])
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
                 formatter: function (value, index) {
                     if(index % 2) {
                         return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions        

src/lib/components/MarketMaker.svelte

@@ -88,6 +88,9 @@ function getPlotOptions() {
       type: 'category',
       boundaryGap: false,
       data: dates,
+      axisLabel: {
+            color: '#fff',
+        }
   },
   yAxis: [
   { 
@@ -96,7 +99,7 @@ function getPlotOptions() {
           show: false, // Disable x-axis grid lines
       },
       axisLabel: {
-          color: '#6E7079', // Change label color to white
+          color: '#fff', // Change label color to white
           formatter: function (value, index) {
               // Display every second tick
               if (index % 2 === 0) {
@@ -115,6 +118,7 @@ function getPlotOptions() {
     },
     position: 'right',
     axisLabel: {
+      color: '#fff',
         formatter: function (value, index) {
           if (index % 2 === 0) {
             return (value / shareDenominator)?.toFixed(1) + shareUnit; // Format value in millions

src/lib/components/OptionsNetFlow.svelte

@@ -77,6 +77,9 @@
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -85,7 +88,7 @@
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -103,7 +106,9 @@
             show: false, // Disable x-axis grid lines
       },
       position: 'right',
+      
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
               return '$'+value?.toFixed(1)

src/lib/components/PriceAnalysis.svelte

@@ -64,6 +64,7 @@ function getPlotOptions() {
     boundaryGap: false,
     data: predictionDate,
     axisLabel: {
+      color: '#fff',
       formatter: function (value) {
         // Assuming dates are in the format 'yyyy-mm-dd'
         // Extract the month and day from the date string and convert the month to its abbreviated name
@@ -78,6 +79,9 @@ function getPlotOptions() {
     type: 'value',
     splitLine: {
       show: false,
+    },
+    axisLabel: {
+      color: '#fff',
     }
   },
   series: [
@@ -123,7 +127,7 @@ function getPlotOptions() {
       smooth: true,
       type: 'line',
       itemStyle: {
-            color: "#C40377"
+            color: "#fff"
         }
     }
   ]

src/lib/components/RetailVolume.svelte

@@ -113,6 +113,7 @@ function getPlotOptions() {
         boundaryGap: false,
         data: dates,
         axisLabel: {
+        color: '#fff',
         formatter: function (value) {
             // Assuming dates are in the format 'yyyy-mm-dd'
             // Extract the month and day from the date string and convert the month to its abbreviated name
@@ -132,7 +133,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -152,9 +153,10 @@ function getPlotOptions() {
       name: 'Sentiment',
       position: 'right',
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
-              return value.toFixed(2); // Format the sentiment value
+              return value?.toFixed(2); // Format the sentiment value
             } else {
                   return ''; // Hide this tick
               }

src/lib/components/ShareStatistics.svelte

@@ -68,6 +68,9 @@ function getPlotOptions() {
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
         yAxis: [
         {
@@ -76,7 +79,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value) {
                 value = Math.max(value, 0);
                 return (value / denominator)?.toFixed(1) + unit; // Format value in millions

src/lib/components/Swap.svelte

@@ -108,6 +108,9 @@
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -116,7 +119,7 @@
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -136,7 +139,7 @@
         },
         position: 'right',
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {