feat: podpora dark mode

client/src/App.scss

@@ -1,3 +1,17 @@
+:root, [data-bs-theme="light"] {
+  --luncher-navbar-bg: #3c3c3c;
+  --luncher-action-icon: rgb(0, 89, 255);
+  --luncher-buyer-icon: #dbba00;
+  --luncher-text-muted: gray;
+}
+
+[data-bs-theme="dark"] {
+  --luncher-navbar-bg: #1a1d21;
+  --luncher-action-icon: #5c9aff;
+  --luncher-buyer-icon: #ffd700;
+  --luncher-text-muted: #9ca3af;
+}
+
 .App {
   text-align: center;
 }
@@ -87,7 +101,7 @@ body,
 }
 
 .navbar {
-  background-color: #3c3c3c;
+  background-color: var(--luncher-navbar-bg);
   padding-left: 20px;
   padding-right: 20px;
 }
@@ -102,14 +116,14 @@ body,
 
 .table> :not(caption) {
   .action-icon {
-    color: rgb(0, 89, 255);
+    color: var(--luncher-action-icon);
     cursor: pointer;
     margin-left: 10px;
     padding: 0;
   }
 
   .buyer-icon {
-    color: #dbba00;
+    color: var(--luncher-buyer-icon);
     margin-left: 10px;
     padding: 0;
   }
@@ -139,7 +153,7 @@ body,
 }
 
 .trusted-icon {
-  color: rgb(0, 89, 255);
+  color: var(--luncher-action-icon);
   margin-right: 10px;
 }