diff --git a/src/sass/markdown.scss b/src/sass/markdown.scss
index 24e742b5..ab870711 100644
--- a/src/sass/markdown.scss
+++ b/src/sass/markdown.scss
@@ -494,7 +494,7 @@ div[data-type='codeBlock'] {
   background-color: #cfe2ff;
   color: #0a58ca;
   .cherry-panel--title {
-    background-color: #0a58ca;
+    background-color: #0d6dfe;
     &.cherry-panel--title__not-empty::before {
       content: '\EA6A';
     }
@@ -504,7 +504,7 @@ div[data-type='codeBlock'] {
   background-color: #cff4fc;
   color: #087990;
   .cherry-panel--title {
-    background-color: #0dcaf0;
+    background-color: #099cba;
     &.cherry-panel--title__not-empty::before {
       content: '\EA69';
     }
@@ -514,7 +514,7 @@ div[data-type='codeBlock'] {
   background-color: #fff3cd;
   color: #997404;
   .cherry-panel--title {
-    background-color: #997404;
+    background-color: #b38806;
     &.cherry-panel--title__not-empty::before {
       content: '\EA6B';
     }
@@ -524,7 +524,7 @@ div[data-type='codeBlock'] {
   background-color: #f8d7da;
   color: #b02a37;
   .cherry-panel--title {
-    background-color: #b02a37;
+    background-color: #dc3545;
     &.cherry-panel--title__not-empty::before {
       content: '\EA68';
     }
@@ -534,7 +534,7 @@ div[data-type='codeBlock'] {
   background-color: #d1e7dd;
   color: #146c43;
   .cherry-panel--title {
-    background-color: #146c43;
+    background-color: #198754;
     &.cherry-panel--title__not-empty::before {
       content: '\EA67';
     }