1 files changed, 20 insertions, 15 deletions

diff --git a/g4f/gui/client/static/css/style.css b/g4f/gui/client/static/css/style.css
index c07eb930..200a79d4 100644
--- a/g4f/gui/client/static/css/style.css
+++ b/g4f/gui/client/static/css/style.css
@@ -61,6 +61,8 @@
     --user-input: #ac87bb;
     --conversations: #c7a2ff;
     --conversations-hover: #c7a2ff4d;
+    --scrollbar: var(--colour-3);
+    --scrollbar-thumb: var(--blur-bg);
 }
 
 :root {
@@ -379,7 +381,10 @@ body {
     z-index: 1000;
     display: none;
     cursor: pointer;
-    filter: grayscale(1) invert(1);
+}
+
+.message .user .fa-xmark {
+    color: var(--colour-1);
 }
 
 .message .count .fa-clipboard,
@@ -389,10 +394,6 @@ body {
     cursor: pointer;
 }
 
-.message .user .fa-xmark {
-    color: var(--colour-1);
-}
-
 .message .count .fa-clipboard {
     color: var(--colour-3);
 }
@@ -697,6 +698,7 @@ select {
     background: transparent;
     cursor: pointer;
     height: 49px;
+    color: var(--colour-3);
 }
 
 @media only screen and (min-width: 40em) {
@@ -1003,6 +1005,16 @@ a:-webkit-any-link {
     --conversations: #0062cc;
     --colour-1: #ffffff;
     --colour-3: #212529;
+    --scrollbar: var(--colour-1);
+    --scrollbar-thumb: var(--gradient);
+}
+
+.white .message .assistant .fa-xmark {
+    color: var(--colour-1);
+}
+
+.white .message .user .fa-xmark {
+    color: var(--colour-3);
 }
 
 #send-button {
@@ -1072,15 +1084,12 @@ a:-webkit-any-link {
     white-space:nowrap;
 }
 
-::-webkit-scrollbar {
-    width: 10px;
-}
 ::-webkit-scrollbar-track {
-    background: var(--colour-3);
+    background: var(--scrollbar);
 }
 ::-webkit-scrollbar-thumb {
-    background: var(--blur-bg);
-    border-radius: 5px;
+    background: var(--scrollbar-thumb);
+    border-radius: 2px;
 }
 ::-webkit-scrollbar-thumb:hover {
     background: var(--accent);
@@ -1100,10 +1109,6 @@ a:-webkit-any-link {
     max-height: 200px;
 }
 
-#message-input::-webkit-scrollbar {
-    width: 5px;
-}
-
 .hidden {
     display: none;
 }