diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 373f693..cd6c8cc 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -149,7 +149,7 @@ kbd {
 
 footer {
   font-size: 0.8rem;
-  background-color: var(--main-wrapper-bg);
+  background-color: var(--main-bg);
 
   div.d-flex {
     height: $footer-height;
@@ -1079,7 +1079,7 @@ $sidebar-display: "sidebar-display";
 /* --- main wrapper --- */
 
 #main-wrapper {
-  background-color: var(--main-wrapper-bg);
+  background-color: var(--main-bg);
   position: relative;
   min-height: calc(100vh - #{$footer-height});
 
diff --git a/_sass/colors/dark-typography.scss b/_sass/colors/dark-typography.scss
index e6fa40c..2ded76a 100644
--- a/_sass/colors/dark-typography.scss
+++ b/_sass/colors/dark-typography.scss
@@ -4,9 +4,9 @@
 
 @mixin dark-scheme {
   /* Framework color */
-  --body-bg: var(--main-wrapper-bg);
+  --body-bg: var(--main-bg);
   --mask-bg: rgb(68, 69, 70);
-  --main-wrapper-bg: rgb(27, 27, 30);
+  --main-bg: rgb(27, 27, 30);
   --main-border-color: rgb(44, 45, 45);
 
   /* Common color */
@@ -21,7 +21,7 @@
   --btn-border-color: rgb(63, 65, 68);
   --btn-backtotop-color: var(--text-color);
   --btn-backtotop-border-color: var(--btn-border-color);
-  --btn-box-shadow: var(--main-wrapper-bg);
+  --btn-box-shadow: var(--main-bg);
   --card-header-bg: rgb(51, 50, 50);
   --label-color: rgb(108, 117, 125);
   --checkbox-color: rgb(118 120 121);
@@ -64,7 +64,7 @@
   --relate-post-date: var(--text-muted-color);
   --card-bg: rgb(39, 40, 43);
   --card-border-color: rgb(53, 53, 60);
-  --card-box-shadow: var(--main-wrapper-bg);
+  --card-box-shadow: var(--main-bg);
   --preview-img-bg: radial-gradient(circle, rgb(22 22 24) 0%, rgb(32 32 32) 100%);
   --kbd-wrap-color: #6a6a6a;
   --kbd-text-color: #d3d3d3;
diff --git a/_sass/colors/light-typography.scss b/_sass/colors/light-typography.scss
index 122b38f..581aac9 100644
--- a/_sass/colors/light-typography.scss
+++ b/_sass/colors/light-typography.scss
@@ -6,7 +6,7 @@
   /* Framework color */
   --body-bg: #fafafa;
   --mask-bg: #c1c3c5;
-  --main-wrapper-bg: white;
+  --main-bg: white;
   --main-border-color: #f3f3f3;
 
   /* Common color */
diff --git a/_sass/layout/archives.scss b/_sass/layout/archives.scss
index 50d6dc7..1677104 100644
--- a/_sass/layout/archives.scss
+++ b/_sass/layout/archives.scss
@@ -65,7 +65,7 @@
       text-overflow: ellipsis;
 
       &:nth-child(odd) {
-        background-color: var(--main-wrapper-bg, #fff);
+        background-color: var(--main-bg, #fff);
         background-image: linear-gradient(to left, #fff, #fbfbfb, #fbfbfb, #fbfbfb, #fff);
       }