diff --git a/src/client/visualizations/bar-chart/bar-chart.scss b/src/client/visualizations/bar-chart/bar-chart.scss
index 684645fdc..e60f7571f 100644
--- a/src/client/visualizations/bar-chart/bar-chart.scss
+++ b/src/client/visualizations/bar-chart/bar-chart.scss
@@ -37,6 +37,7 @@
     position: absolute;
 
     .selection-highlight {
+      // TODO: replace with visualisationColors.main
       @include css-variable(border-color, brand);
       pointer-events: none;
       border-width: 1px;
@@ -113,6 +114,7 @@
         }
 
         > rect.background {
+          // TODO: replace with visualisationColors.main
           @include css-variable(fill, brand);
           pointer-events: none;
         }
diff --git a/src/client/visualizations/bar-chart/improved-bar-chart/bars/bars.scss b/src/client/visualizations/bar-chart/improved-bar-chart/bars/bars.scss
index 4132b374d..849e40f9f 100644
--- a/src/client/visualizations/bar-chart/improved-bar-chart/bars/bars.scss
+++ b/src/client/visualizations/bar-chart/improved-bar-chart/bars/bars.scss
@@ -18,6 +18,7 @@
 
 .bar-chart-bars {
   .bar-chart-bar {
+    // TODO: replace with visualisationColors.main
     @include css-variable(fill, brand);
   }
 
diff --git a/src/client/visualizations/heat-map/utils/scales.ts b/src/client/visualizations/heat-map/utils/scales.ts
index 957518ce2..f0e435b30 100644
--- a/src/client/visualizations/heat-map/utils/scales.ts
+++ b/src/client/visualizations/heat-map/utils/scales.ts
@@ -25,6 +25,7 @@ import { nestedDataset } from "./nested-dataset";
 export type ColorScale = d3.ScaleLinear<string, string>;
 
 const white = "#fff";
+// TODO: replace with visualisationColors.main
 const orange = "#ff5a00";
 
 interface Scales {
diff --git a/src/client/visualizations/line-chart/base-chart/base-chart.scss b/src/client/visualizations/line-chart/base-chart/base-chart.scss
index 03e2d8fcd..a6a78f6fe 100644
--- a/src/client/visualizations/line-chart/base-chart/base-chart.scss
+++ b/src/client/visualizations/line-chart/base-chart/base-chart.scss
@@ -36,6 +36,7 @@
   }
 
   .hover-guide {
+    // TODO: replace with visualisationColors.main
     @include css-variable(stroke, background-brand-light);
     stroke-width: 1;
   }
diff --git a/src/client/visualizations/scatterplot/scatterplot.scss b/src/client/visualizations/scatterplot/scatterplot.scss
index 576c943ee..9d9a41c35 100644
--- a/src/client/visualizations/scatterplot/scatterplot.scss
+++ b/src/client/visualizations/scatterplot/scatterplot.scss
@@ -48,6 +48,7 @@
   }
 
   .point {
+    // TODO: replace with visualisationColors.main
     @include css-variable(stroke, brand);
     @include css-variable(fill, item-dimension);
   }