diff --git a/styles/src/styleTree/workspace.ts b/styles/src/styleTree/workspace.ts
index 5a8978059c1929dabd4d8d72714c85f6785eee87..b506b3f780c5ba8154927767134d59b84ecca353 100644
--- a/styles/src/styleTree/workspace.ts
+++ b/styles/src/styleTree/workspace.ts
@@ -1,4 +1,5 @@
 import Theme from "../themes/common/theme";
+import { withOpacity } from "../utils/color";
 import { backgroundColor, border, iconColor, shadow, text } from "./components";
 import statusBar from "./statusBar";
 
@@ -155,8 +156,8 @@ export default function workspace(theme: Theme) {
       padding: { left: 6 },
     },
     disconnectedOverlay: {
-      ...text(theme, "sans", "onMedia"),
-      background: "#000000aa",
+      ...text(theme, "sans", "active"),
+      background: withOpacity(theme.backgroundColor[500].base, 0.8).value,
     },
     notification: {
       margin: { top: 10 },