diff --git a/web/src/index.css b/web/src/index.css
index b1be220..0126eb4 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -162,10 +162,17 @@ html[data-theme="light"] .bg-slate-900\/80,
 html[data-theme="light"] .bg-slate-900\/70,
 html[data-theme="light"] .bg-slate-900\/65,
 html[data-theme="light"] .bg-slate-900\/60,
+html[data-theme="light"] .bg-slate-900\/50,
+html[data-theme="light"] .bg-slate-900\/40,
+html[data-theme="light"] .bg-slate-900\/30,
+html[data-theme="light"] .bg-slate-900\/20,
+html[data-theme="light"] .bg-slate-900\/10,
 html[data-theme="light"] .bg-slate-900 {
   background-color: rgba(255, 255, 255, 0.98) !important;
 }
 
+html[data-theme="light"] .bg-slate-800\/90,
+html[data-theme="light"] .bg-slate-800\/85,
 html[data-theme="light"] .bg-slate-800\/80,
 html[data-theme="light"] .bg-slate-800\/70,
 html[data-theme="light"] .bg-slate-800\/60,
@@ -174,6 +181,8 @@ html[data-theme="light"] .bg-slate-800 {
   background-color: rgba(242, 246, 251, 0.97) !important;
 }
 
+html[data-theme="light"] .bg-slate-700\/90,
+html[data-theme="light"] .bg-slate-700\/85,
 html[data-theme="light"] .bg-slate-700\/80,
 html[data-theme="light"] .bg-slate-700\/70,
 html[data-theme="light"] .bg-slate-700\/60,
@@ -181,6 +190,7 @@ html[data-theme="light"] .bg-slate-700 {
   background-color: rgba(225, 233, 242, 0.97) !important;
 }
 
+html[data-theme="light"] .border-slate-700\/40,
 html[data-theme="light"] .border-slate-700\/80,
 html[data-theme="light"] .border-slate-700\/70,
 html[data-theme="light"] .border-slate-700\/60,
@@ -201,10 +211,22 @@ html[data-theme="light"] .text-slate-300 {
   color: #385066 !important;
 }
 
+html[data-theme="light"] .text-slate-300\/80 {
+  color: #476078 !important;
+}
+
 html[data-theme="light"] .text-slate-400 {
   color: #5e748b !important;
 }
 
+html[data-theme="light"] .text-slate-900\/85 {
+  color: #21364b !important;
+}
+
+html[data-theme="light"] .text-slate-900\/75 {
+  color: #2f455a !important;
+}
+
 html[data-theme="light"] .text-slate-500 {
   color: #7f95ab !important;
 }
@@ -231,6 +253,10 @@ html[data-theme="light"] .bg-slate-950\/90 {
   background-color: rgba(15, 23, 42, 0.28) !important;
 }
 
+html[data-theme="light"] .bg-slate-950\/30 {
+  background-color: rgba(236, 242, 248, 0.92) !important;
+}
+
 html[data-theme="light"] input,
 html[data-theme="light"] textarea,
 html[data-theme="light"] select {
@@ -286,6 +312,16 @@ html[data-theme="light"] .border-slate-900 {
   border-color: rgba(96, 120, 145, 0.24) !important;
 }
 
+html[data-theme="light"] .border-slate-900\/60,
+html[data-theme="light"] .border-slate-900\/30 {
+  border-color: rgba(96, 120, 145, 0.26) !important;
+}
+
+html[data-theme="light"] .border-slate-600\/80,
+html[data-theme="light"] .border-slate-600\/60 {
+  border-color: rgba(95, 120, 146, 0.32) !important;
+}
+
 html[data-theme="light"] .bg-slate-900\/50 {
   background-color: rgba(247, 250, 253, 0.98) !important;
 }