diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 03621ee..cf60e4c 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -242,12 +242,10 @@
     }
 
     code {
-        color: #808080;
-        font-size: 0.96em;
-        background-color: #f9f9f7;
-        padding: 1px 2px;
-        border: 1px solid #eee;
-        border-radius: 3px;
+        color: var(--code-text-color);
+        background-color: var(--code-background-color);
+        padding: 2px 4px;
+        border-radius: var(--tag-border-radius);
         font-family: var(--code-font-family);
         word-wrap: break-word;
     }
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index 4e0510a..59959bc 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -68,6 +68,9 @@ $on-desktop-large: 1920px;
 
     --pre-background: #272822;
     --pre-text-color: #f8f8f2;
+
+    --code-background-color: rgba(0, 0, 0, 0.12);
+    --code-text-color: #808080;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -85,5 +88,8 @@ $on-desktop-large: 1920px;
         --card-separator-color: rgba(255, 255, 255, 0.12);
 
         --body-text-color: rgba(255, 255, 255, 0.7);
+
+        --code-background-color: #272822;
+        --code-text-color: rgba(255, 255, 255, 0.9);
     }
 }