diff --git a/src/panels/developer-tools/ha-panel-developer-tools.ts b/src/panels/developer-tools/ha-panel-developer-tools.ts
index c16c615bc7..8d42e69405 100644
--- a/src/panels/developer-tools/ha-panel-developer-tools.ts
+++ b/src/panels/developer-tools/ha-panel-developer-tools.ts
@@ -165,9 +165,9 @@ class PanelDeveloperTools extends LitElement {
           max-width: 100%;
         }
         sl-tab-group {
-          --ha-tab-active-text-color: var(--text-primary-color);
-          --ha-tab-track-color: var(--app-header-background-color);
-          --ha-tab-indicator-color: var(--text-primary-color);
+          --ha-tab-active-text-color: var(--app-header-text-color, white);
+          --ha-tab-indicator-color: var(--app-header-text-color, white);
+          --ha-tab-track-color: transparent;
         }
       `,
     ];