diff --git a/blog/sass/css/edition-3/main.scss b/blog/sass/css/edition-3/main.scss
index 9069c191..bd0eaefc 100644
--- a/blog/sass/css/edition-3/main.scss
+++ b/blog/sass/css/edition-3/main.scss
@@ -93,8 +93,8 @@ html {
     --border-color-section-basic-io: #99ff99;
 
     // colors with transparency that work for both light and dark mode
-    --background-color-note: #00ff001a;
-    --border-color-note: #00ff0050;
+    --background-color-note: #6666cc1a;
+    --border-color-note: #6666cc50;
 }
 
 @mixin set-colors-dark {