diff --git a/src/assets/scss/theme.scss b/src/assets/scss/theme.scss
index 7db6f90..4fbd663 100644
--- a/src/assets/scss/theme.scss
+++ b/src/assets/scss/theme.scss
@@ -14,6 +14,7 @@
   --l-fc-3: #823aa0;
   --l-bgc-1: #ffffff;
   --l-bgc-2: #f2f6f9;
+  --l-bgc-3: #F9FBFC;
   --l-bsc: 0 1px 3px #8e8da233, 0 1px 2px #8e8da244;
   --l-bsc-hover: 0 14px 28px #8e8da255, 0 10px 10px #8e8da244;
   --l-bsc-2: 0 -4px 23px 0 #8e8da233;
@@ -32,6 +33,7 @@
   --d-fc-3: #38dd77;
   --d-bgc-1: #222222;
   --d-bgc-2: #2f2f2f;
+  --d-bgc-3: #292929;
   --d-bsc: 0 1px 3px #38dd7733, 0 1px 2px #38dd7744;
   --d-bsc-hover: 0 14px 28px #38dd7755, 0 10px 10px #38dd7744;
   --d-bsc-2: 0 -4px 23px 0 #38dd7733;
@@ -50,6 +52,7 @@
   --g-fc-3: #C1D95C;
   --g-bgc-1: #4baea0;
   --g-bgc-2: #74b4ac;
+  --g-bgc-3: #60B1A6;
   --g-bsc: 0 1px 3px #e1ebe033, 0 1px 2px #e1ebe044;
   --g-bsc-hover: 0 14px 28px #e1ebe055, 0 10px 10px #e1ebe044;
   --g-bsc-2: 0 -4px 23px 0 #e1ebe033;
@@ -68,6 +71,7 @@
   --p-fc-3: #177ea7;
   --p-bgc-1: #ff8499;
   --p-bgc-2: #fea1b2;
+  --p-bgc-3: #FF93A6;
   --p-bsc: 0 1px 3px #ef528533, 0 1px 2px #ef528544;
   --p-bsc-hover: 0 14px 28px #ef528555, 0 10px 10px #ef528544;
   --p-bsc-2: 0 -4px 23px 0 #ef528533;
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index a405ab9..6c2e3d6 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -461,7 +461,7 @@
       .show-picture{
         color: var(--d-fc-1);
         .card{
-          background-color: var(--d-bgc-1);
+          background-color: var(--d-bgc-3);
           box-shadow: var(--d-bsc);
           transition: all 0.3s cubic-bezier(.25,.8,.25,1);
           &:hover{
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index b63ec6c..e7af4cc 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -449,7 +449,7 @@
       .show-picture{
         color: var(--g-fc-1);
         .card{
-          background-color: var(--g-bgc-1);
+          background-color: var(--g-bgc-3);
           box-shadow: var(--g-bsc);
           transition: all 0.3s cubic-bezier(.25,.8,.25,1);
           &:hover{
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 2300972..7ec2ed9 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -449,7 +449,7 @@
       .show-picture{
         color: var(--l-fc-1);
         .card{
-          background-color: var(--l-bgc-1);
+          background-color: var(--l-bgc-3);
           box-shadow: var(--l-bsc);
           transition: all 0.3s cubic-bezier(.25,.8,.25,1);
           &:hover{
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 9b86d69..e114bb5 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -449,7 +449,7 @@
       .show-picture{
         color: var(--p-fc-1);
         .card{
-          background-color: var(--p-bgc-1);
+          background-color: var(--p-bgc-3);
           box-shadow: var(--p-bsc);
           transition: all 0.3s cubic-bezier(.25,.8,.25,1);
           &:hover{