diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index ce0ea52..03621ee 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -271,8 +271,8 @@
     pre {
         overflow-x: auto;
         display: block;
-        background-color: #fafafa;
-        color: #999;
+        background-color: var(--pre-background);
+        color: var(--pre-text-color);
         font-family: var(--code-font-family);
         line-height: 1.428571429;
         word-break: break-all;
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index ec3ac6a..4e0510a 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -65,6 +65,9 @@ $on-desktop-large: 1920px;
     --section-separation: 40px;
 
     --small-card-padding: 25px;
+
+    --pre-background: #272822;
+    --pre-text-color: #f8f8f2;
 }
 
 @media (prefers-color-scheme: dark) {