diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index d1fad37..2a8f04a 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -117,7 +117,9 @@ blockquote {
     }
   }
 
-  @include prompt("note", "\f0eb", 400);
+  @include prompt("tip", "\f0eb", 400);
+
+  @include prompt("note", "\f06a");
 
   @include prompt("warning", "\f06a");
 
diff --git a/_sass/colors/dark-typography.scss b/_sass/colors/dark-typography.scss
index f4eb5f2..9b26ba8 100644
--- a/_sass/colors/dark-typography.scss
+++ b/_sass/colors/dark-typography.scss
@@ -70,8 +70,10 @@
   --kbd-text-color: #d3d3d3;
   --kbd-bg-color: #242424;
   --prompt-text-color: rgb(216 212 212 / 75%);
-  --prompt-note-bg: rgba(77, 187, 95, 0.2);
-  --prompt-note-icon-color: rgb(5 223 5 / 68%);
+  --prompt-tip-bg: rgba(77, 187, 95, 0.2);
+  --prompt-tip-icon-color: rgb(5 223 5 / 68%);
+  --prompt-note-bg: rgb(7 59 104 / 80%);
+  --prompt-note-icon-color: #0075d1;
   --prompt-warning-bg: rgb(90 69 3 / 95%);
   --prompt-warning-icon-color: rgb(255 165 0 / 80%);
   --prompt-danger-bg: rgb(86 28 8 / 80%);
diff --git a/_sass/colors/light-typography.scss b/_sass/colors/light-typography.scss
index 8475368..b0b7b21 100644
--- a/_sass/colors/light-typography.scss
+++ b/_sass/colors/light-typography.scss
@@ -69,8 +69,10 @@
   --kbd-text-color: var(--text-color);
   --kbd-bg-color: white;
   --prompt-text-color: rgb(46 46 46 / 77%);
-  --prompt-note-bg: rgb(123 247 144 / 20%);
-  --prompt-note-icon-color: #03b303;
+  --prompt-tip-bg: rgb(123 247 144 / 20%);
+  --prompt-tip-icon-color: #03b303;
+  --prompt-note-bg: #e1f5fe;
+  --prompt-note-icon-color: #0070cb;
   --prompt-warning-bg: rgb(255 243 205);
   --prompt-warning-icon-color: #ef9c03;
   --prompt-danger-bg: rgb(248 215 218 / 56%);