diff --git a/webroot/css/index.css b/webroot/css/index.css
index d355787..f0610b9 100644
--- a/webroot/css/index.css
+++ b/webroot/css/index.css
@@ -8,10 +8,11 @@
   --error: #8d1d19;
   --icon: #48565e;
   --icon-bc: #2b3338;
+  --small-card: var(--icon-bc);
+  --button: var(--background);
   /* Locked Color */
   --lock-desc: #c9c9c9;
   --lock: #fff;
-  --test: #c4a000;
 }
 
 * {
@@ -127,6 +128,7 @@ a {
   padding-bottom: 1em;
   border-radius: 30px;
   transition: transform 0.07s ease-in-out;
+  background-color: var(--button);
 }
 
 .button:active {
@@ -135,7 +137,7 @@ a {
 
 .small_card {
   margin-top: 10px;
-  background: var(--icon-bc);
+  background: var(--small-card);
   border-radius: 15px;
   padding-top: 5px;
   padding-left: 10px;
@@ -144,7 +146,7 @@ a {
 }
 
 .small_card_bg {
-  background: var(--icon-bc);
+  background: var(--small-card);
 }
 
 .small_card_bg_in {
diff --git a/webroot/js/theme.js b/webroot/js/theme.js
index 82c579a..7d8f855 100644
--- a/webroot/js/theme.js
+++ b/webroot/js/theme.js
@@ -45,6 +45,7 @@ function setDark() {
   rootCss.style.setProperty('--dim', '#1d2327')
   rootCss.style.setProperty('--icon', '#48565e')
   rootCss.style.setProperty('--icon-bc', '#313a3f')
+  rootCss.style.setProperty('--button', 'var(--background)')
   sys_theme = setData('dark')
   settings_icon.innerHTML = '<img class="dimc" src="assets/settings.svg">'
   expand_clicker.innerHTML = '<img class="dimc" src="assets/expand.svg">'
@@ -61,6 +62,7 @@ function setLight() {
   rootCss.style.setProperty('--dim', '#e0e0e0')
   rootCss.style.setProperty('--icon', '#acacac')
   rootCss.style.setProperty('--icon-bc', '#c9c9c9')
+  rootCss.style.setProperty('--button', '#b3b3b3')
   sys_theme = setData('light')
   settings_icon.innerHTML = light_settings_icon
   expand_clicker.innerHTML = light_expand_icon