client: review dark theme colors

heyxkhoa · Jan 19, 2023 · 9a3ba15 · 9a3ba15
1 parent c456cdc
commit 9a3ba15
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/client/src/components/App/index.css b/client/src/components/App/index.css
@@ -44,8 +44,8 @@
     --ctrl-dropdown-bgcolor-focus: #000;
     --ctrl-dropdown-color-focus: #fff;
     --btn-success-bgcolor: #67b279;
-    --form-disabled-bgcolor: #a5a5a5;
-    --form-disabled-color: #1c1c1c;
+    --form-disabled-bgcolor: #3d3d3d;
+    --form-disabled-color: #a5a5a5;
     --logs__text-color: #f3f3f3;
     --rt-nodata-bgcolor: #1c1c1c;
     --rt-nodata-color: #fff;

diff --git a/client/src/components/ui/ReactTable.css b/client/src/components/ui/ReactTable.css
@@ -28,6 +28,11 @@
     background-color: var(--rt-nodata-bgcolor);
 }
 
+[data-theme=dark] .ReactTable .-pagination .-btn {
+    color: var(--scolor);
+    background-color: var(--ctrl-bgcolor);
+}
+
 .rt-tr-group.logs__row--red {
     background-color: rgba(223, 56, 18, 0.05);
 }

diff --git a/client/src/components/ui/Tooltip.css b/client/src/components/ui/Tooltip.css
@@ -4,6 +4,11 @@
     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
 }
 
+[data-theme=dark] .tooltip-container {
+    background-color: var(--ctrl-select-bgcolor);
+    color: var(--mcolor);
+}
+
 .tooltip-custom--narrow {
     max-width: 14rem;
 }