diff --git a/apps/wr/src/app/styles/components-black.css b/apps/wr/src/app/styles/components-black.css
index fd651fe6c..d337b1ba1 100644
--- a/apps/wr/src/app/styles/components-black.css
+++ b/apps/wr/src/app/styles/components-black.css
@@ -15,6 +15,52 @@
   }
 
   [data-theme="black"] {
+    .card {
+        color: #fff;
+        background-color: #0a0a0a !important;
+    }
+    form {
+        color: rgb(255 255 255);
+    }
+    label {
+        color: rgb(241, 241, 241);
+    }
+    input {
+        height: 3.2rem;
+        background-color: #1a1a1a;
+        border: 1px solid #262626;
+        border-radius: 4px;
+    }
+    input.text-gray-600 {
+        color: #f1f1f1;
+    }
+    button {
+        color: #171717;
+    }
+    button[role="combobox"] {
+        color: #f1f1f1;
+        background-color: rgb(26, 26, 26);
+    }
+    div [role='tablist'] {
+        border: unset;
+        gap: 4px;
+    }
+    .tabs-trigger[data-state="inactive"] {
+        color: #a4b7bf;
+        background: #55595d;
+    }
+    .tabs-trigger[data-state="inactive"]:hover {
+        color: #6bbaff;
+        background: #4c4f52;
+    }
+    .card-border {
+        box-shadow: 0 0 10px -1px #0000000f;
+        border: 1px solid #393939;
+    }
+    a[aria-current="page"] {
+        background-color: rgb(32, 148, 250);
+        color: #000;
+    }
     .card-border {
       @apply border-[#3f4042] bg-[rgba(255,255,255,0.065)];
     }
@@ -77,6 +123,13 @@
     .gis-layer-toggle:hover {
       background: #1a1c20;
     }
+
+    .table-ui.secondary th {
+        background-color : rgb(98, 104, 109) !important;
+    }
+    .table-ui.secondary tr {
+        background-color : rgb(84, 85, 86) !important;
+    }
   }
 
   input[type="file"] {