ui issue

Author: HimanshuNarware

frontend/src/index.css

@@ -11,6 +11,15 @@ html {
   box-sizing: border-box;
   /* cursor: none; */
 }
+.disable-text-selection {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+
+
 
 body {
   min-height: 100vh;

frontend/src/style/Sidebar.css

@@ -11,11 +11,12 @@
 
 @media (prefers-color-scheme: dark) {
   .sidebar {
-    background-color: var(--sidebar-bg-dark);
-    box-shadow: 0 0 15px var(--sidebar-bg-dark), 
-                0 0 20px var(--sidebar-bg-dark), 
-                0 0 25px var(--sidebar-bg-dark), 
-                0 0 30px var(--sidebar-bg-dark);
+    background-color: var(--sidebar-bg-light);
+    box-shadow: 0 0 15px var(--sidebar-bg-light), 
+                0 0 20px var(--sidebar-bg-light), 
+                0 0 25px var(--sidebar-bg-light), 
+                0 0 30px var(--sidebar-bg-light);
+              
   }
 
   .sidebar-btn a {
@@ -40,7 +41,8 @@
   --bubble-hover-dark: #ff00ff;
 }
 
-@media (prefers-color-scheme: dark) {
+
+@media (prefers-color-scheme: light){
   :root {
     --sidebar-bg: var(--sidebar-bg-dark);
     --sidebar-text: var(--sidebar-text-dark);
@@ -50,7 +52,7 @@
   }
 }
 
-@media (prefers-color-scheme: light) {
+@media (prefers-color-scheme: dark) {
   :root {
     --sidebar-bg: var(--sidebar-bg-light);
     --sidebar-text: var(--sidebar-text-light);