diff --git a/src/devtools/views/TabBar.css b/src/devtools/views/TabBar.css
index 6c9ab7b6d4..296ac7f28e 100644
--- a/src/devtools/views/TabBar.css
+++ b/src/devtools/views/TabBar.css
@@ -3,7 +3,7 @@
   align-items: center;
   padding: 0 0.5rem;
   background-color: var(--color-background);
-  color: var(--color-tree-node-selected);
+  color: var(--color-button);
   border-top: 1px solid var(--color-border);
   font-family: var(--font-family-sans);
   font-size: var(--font-size-sans-large);
diff --git a/src/devtools/views/root.css b/src/devtools/views/root.css
index 1df9ed50ff..5b4aa26aa2 100644
--- a/src/devtools/views/root.css
+++ b/src/devtools/views/root.css
@@ -27,15 +27,15 @@
 
   /* Dark theme */
   --theme-dark-arrow: #777d88;
-  --theme-dark-arrow-inverted: #23272f;
+  --theme-dark-arrow-inverted: #282828;
   --theme-dark-attribute-name: #9d87d2;
   --theme-dark-attribute-value: #cedae0;
-  --theme-dark-background: #23272f;
-  --theme-dark-button: #4dbba6;
-  --theme-dark-button-hover: #80d4c4;
-  --theme-dark-color-border: #303846;
-  --theme-dark-component-name: #4dbba6;
-  --theme-dark-component-name-inverted: ##23272f;
+  --theme-dark-background: #282c34;
+  --theme-dark-button: #61dafb;
+  --theme-dark-button-hover: #a2e9fc;
+  --theme-dark-color-border: #3d424a;
+  --theme-dark-component-name: #61dafb;
+  --theme-dark-component-name-inverted: ##282828;
   --theme-dark-dim: #8f949d;
   --theme-dark-dimmer: #777d88;
   --theme-dark-dimmest: #4f5766;
@@ -44,8 +44,8 @@
   --theme-dark-search-match: yellow;
   --theme-dark-search-match-current: #f7923b;
   --theme-dark-text-color: #ffffff;
-  --theme-dark-tree-node-selected: #31a38d;
-  --theme-dark-tree-node-hover: #303846;
+  --theme-dark-tree-node-selected: #178fb9;
+  --theme-dark-tree-node-hover: #3d424a;
 
   /* Compact density */
   --compact-font-size-monospace-normal: 11px;