diff --git a/assets/css/_base.scss b/assets/css/_base.scss
index e3e8ee8..160d3de 100644
--- a/assets/css/_base.scss
+++ b/assets/css/_base.scss
@@ -128,3 +128,13 @@ hr {
   width: 100%;
   border-color: var(--color-border);
 }
+
+blockquote {
+  padding: 0.25em 1em;
+  border-radius: 4px;
+  border-left: 4px solid var(--color-border);
+  background-color: var(--color-bg-card-dim);
+  color: var(--color-text-secondary);
+  margin-block: 0.5em;
+  margin-inline: 1em;
+}
diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
index ec3fa55..c75c6f6 100644
--- a/assets/css/_variables.scss
+++ b/assets/css/_variables.scss
@@ -16,6 +16,7 @@ $layout-breakpoint-l: 1200px;
   --color-bg-transparent: rgb(246 246 246 / 0.75);
   --color-bg-transparent-dark: rgb(28 28 28 / 0.75);
   --color-bg-card: rgb(255 255 255);
+  --color-bg-card-dim: rgb(255 255 255 / 0.5);
   --color-bg-scrollbar: rgb(255 255 255);
   --color-bg-scrollbar-thumb: rgb(28 28 28 / 0.25);
   --color-border: rgb(28 28 28 / 0.2);
@@ -33,6 +34,7 @@ $layout-breakpoint-l: 1200px;
     --color-bg: rgb(28 28 28);
     --color-bg-transparent: rgb(28 28 28 / 0.75);
     --color-bg-card: rgb(36 36 36);
+    --color-bg-card-dim: rgb(36 36 36 / 0.5);
     --color-bg-scrollbar: rgb(36 36 36);
     --color-bg-scrollbar-thumb: rgb(246 246 246 / 0.25);
     --color-border: rgb(246 246 243 / 0.2);