diff --git a/src/tokens/component/page.json5 b/src/tokens/component/page.json5
new file mode 100644
index 000000000..5f479059d
--- /dev/null
+++ b/src/tokens/component/page.json5
@@ -0,0 +1,20 @@
+{
+  page: {
+    header: {
+      bgColor: {
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+          'org.primer.overrides': {
+            dark: '{bgColor.default}',
+          },
+        },
+      },
+    },
+  },
+}
diff --git a/src/tokens/functional/color/dark/app-dark.json5 b/src/tokens/functional/color/dark/app-dark.json5
index f6e5c34ae..302cf5618 100644
--- a/src/tokens/functional/color/dark/app-dark.json5
+++ b/src/tokens/functional/color/dark/app-dark.json5
@@ -1,20 +1,4 @@
 {
-  page: {
-    header: {
-      bgColor: {
-        $value: '{bgColor.default}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
-  },
   codeMirror: {
     fgColor: {
       $value: '{fgColor.default}',
diff --git a/src/tokens/functional/color/light/app-light.json5 b/src/tokens/functional/color/light/app-light.json5
index 85859b930..df3e0fcc9 100644
--- a/src/tokens/functional/color/light/app-light.json5
+++ b/src/tokens/functional/color/light/app-light.json5
@@ -1,20 +1,4 @@
 {
-  page: {
-    header: {
-      bgColor: {
-        $value: '{bgColor.muted}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
-  },
-
   codeMirror: {
     fgColor: {
       $value: '{fgColor.default}',