diff --git a/apps/space/styles/globals.css b/apps/space/styles/globals.css
index 4cddab58710..6632ae30555 100644
--- a/apps/space/styles/globals.css
+++ b/apps/space/styles/globals.css
@@ -8,8 +8,10 @@
  * @plane/editor/styles (imported above), which is their single source of truth.
  * Only the un-themed :root fallback below is kept: the editor package declares
  * background colors solely under [data-theme*="light"] / [data-theme*="dark"],
- * so without this they are undefined until a theme lands on the element. */
-:root {
+ * so without this they are undefined until a theme lands on the element.
+ * Scoped with :not() so it never overrides the themed ramps — as a plain :root
+ * rule later in the bundle it would win over them regardless of theme. */
+:root:not([data-theme*="light"]):not([data-theme*="dark"]) {
   --editor-colors-gray-background: #d6d6d8;
   --editor-colors-peach-background: #ffd5d7;
   --editor-colors-pink-background: #fdd4e3;
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index 156a0fb61f8..a2665122661 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -10,8 +10,10 @@
  * @plane/editor/styles (imported above), which is their single source of truth.
  * Only the un-themed :root fallback below is kept: the editor package declares
  * background colors solely under [data-theme*="light"] / [data-theme*="dark"],
- * so without this they are undefined until a theme lands on the element. */
-:root {
+ * so without this they are undefined until a theme lands on the element.
+ * Scoped with :not() so it never overrides the themed ramps — as a plain :root
+ * rule later in the bundle it would win over them regardless of theme. */
+:root:not([data-theme*="light"]):not([data-theme*="dark"]) {
   --editor-colors-gray-background: #d6d6d8;
   --editor-colors-peach-background: #ffd5d7;
   --editor-colors-pink-background: #fdd4e3;