diff --git a/frontend/src/css/_shell.css b/frontend/src/css/_shell.css
index 3fca2d7d..1d2813a9 100644
--- a/frontend/src/css/_shell.css
+++ b/frontend/src/css/_shell.css
@@ -6,15 +6,22 @@
   background: var(--surfacePrimary);
   color: var(--textPrimary);
   z-index: 9999;
-  background: rgba(127, 127, 127, 0.1);
+  background: var(--dividerSecondary);
   transition: 0.2s ease background;
   cursor: ns-resize;
   touch-action: none;
   user-select: none;
+  width: 100%;
+}
+
+.shell__divider{
+  background: rgba(127, 127, 127, 0.3);
+  width: 100%;
+  height: 8px;
 }
 
 .shell__divider:hover {
-  background: rgba(127, 127, 127, 0.4);
+  background: rgba(127, 127, 127, 0.9);
 }
 
 .shell__content {
@@ -34,7 +41,7 @@
   top: 0px;
   left: 0px;
   z-index: 9998;
-  background-color: rgba(0, 0, 0, 0.05);
+  background-color: var(--dividerPrimary);
 }
 
 body.rtl .shell-content {
@@ -62,6 +69,8 @@ body.rtl .shell-content {
   font-size: inherit;
 }
 
+
+
 .shell__prompt {
   width: 1.2rem;
 }
@@ -75,4 +84,5 @@ body.rtl .shell-content {
   font-family: inherit;
   white-space: pre-wrap;
   width: 100%;
+  color:var(--textSecondary);
 }
diff --git a/frontend/src/css/_variables.css b/frontend/src/css/_variables.css
index 468b08dd..a56285ba 100644
--- a/frontend/src/css/_variables.css
+++ b/frontend/src/css/_variables.css
@@ -31,6 +31,8 @@
   --hover: rgba(0, 0, 0, 0.1);
   --borderPrimary: rgba(0, 0, 0, 0.1);
   --borderSecondary: rgba(0, 0, 0, 0.2);
+  --dividerPrimary: rgba(255, 255, 255, 0.4);
+  --dividerSecondary: rgba(255, 255, 255, 0.9);
 }
 
 :root.dark {
@@ -51,4 +53,6 @@
   --hover: rgba(255, 255, 255, 0.1);
   --borderPrimary: rgba(255, 255, 255, 0.05);
   --borderSecondary: rgba(255, 255, 255, 0.15);
+  --dividerPrimary: rgba(30, 30, 30, 0.4);
+  --dividerSecondary:rgba(30, 30, 30, 0.6);
 }