diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index a1186e5..1e6af49 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -677,10 +677,12 @@ header .remarque {
     display: inline-block;
 }
 
-.highlight {
+rect.ch-subdomain-bg.highlight {
     color: var(--primary);
     font-weight: bold;
     font-style: italic;
+    stroke-width: 2;
+    stroke: red !important;
 }
 
 .search .description {
diff --git a/src/agenda_culturel/templates/agenda_culturel/statistics.html b/src/agenda_culturel/templates/agenda_culturel/statistics.html
index d8d9f01..3d7ce17 100644
--- a/src/agenda_culturel/templates/agenda_culturel/statistics.html
+++ b/src/agenda_culturel/templates/agenda_culturel/statistics.html
@@ -132,7 +132,14 @@
         },
         theme: (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? "dark" : "light",
         itemSelector: '#cal-heatmap-startday',
-        animationDuration: 0
+        animationDuration: 0,
+        scale: {
+          color: {
+            type: 'linear',
+            domain: [0, Math.max(...data_startday.map(d => d.value))],
+            range: ['#f0fefe', '#005e5e'],
+          },
+        }
     };
 
     // create first heatmap
@@ -146,6 +153,12 @@
     options.itemSelector = '#cal-heatmap-creation';
     options.date.start =  new Date("{{ first_by_creation.isoformat }}");
     options.data.source = data_creation;
+    options.scale.color = {
+        type: 'linear',
+        domain: [0, Math.max(...data_creation.map(d => d.value))],
+        range: ['#fdf5f5', '#5e0000'],
+      };
+
     const cal_creation = new CalHeatmap();
     cal_creation.paint(options, [
         [CalendarLabel, calendarlabel],