diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index 87ead0e47..574476806 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -327,6 +327,6 @@ body .todo-list input[type="checkbox"]:not(:checked):before {
 }
 
 .note-split.with-hue {
-    --note-icon-custom-background-color: hsl(var(--custom-color-hue), 8%, 29.4%);
-    --note-icon-custom-color: hsl(var(--custom-color-hue), 89%, 78%);
+    --note-icon-custom-background-color: hsl(var(--custom-color-hue), 15.8%, 30.9%);
+    --note-icon-custom-color: hsl(var(--custom-color-hue), 100%, 76.5%);
 }
\ No newline at end of file
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index db0177579..30396e854 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -298,6 +298,11 @@
 }
 
 .note-split.with-hue {
+    /*
     --note-icon-custom-background-color: hsl(var(--custom-color-hue), 53.8%, 87.3%);
     --note-icon-custom-color: hsl(var(--custom-color-hue), 36%, 23%);
+    */
+    --note-icon-custom-background-color: hsl(var(--custom-color-hue), 44.5%, 43.1%);
+    --note-icon-custom-color: hsl(var(--custom-color-hue), 91.3%, 91%);
+
 }
\ No newline at end of file