diff --git a/assets/css/_color.css b/assets/css/_color.css
index 47358ef..332b4de 100644
--- a/assets/css/_color.css
+++ b/assets/css/_color.css
@@ -121,6 +121,7 @@
     --color-menu-link-hover: var(--color-gary-400);
     --color-archive-month: var(--color-gary-500);
     --color-footer-link: var(--color-blue-600);
+    --color-markdown-code-background: rgba(27, 31, 35, .05);
 }
 
 :root[data-theme="dark"] {
@@ -159,4 +160,5 @@
     --color-menu-link-hover: var(--color-gary-200);
     --color-archive-month: var(--color-gary-300);
     --color-footer-link: var(--color-blue-400);
+    --color-markdown-code-background: rgba(27, 31, 35, .5);
 }
\ No newline at end of file
diff --git a/assets/css/_markdown.css b/assets/css/_markdown.css
index ccf0cbf..7bdf851 100644
--- a/assets/css/_markdown.css
+++ b/assets/css/_markdown.css
@@ -789,7 +789,9 @@
     padding: 0.2em 0.4em;
     margin: 0;
     font-size: 85%;
-    background-color: rgba(27, 31, 35, 0.05);
+    /* background-color: rgba(27, 31, 35, 0.05); */
+    background-color: var(--color-markdown-code-background);
+    transition:background-color .3s ease-in-out;
     border-radius: 3px;
 }