Simulate active page button style

docs/README.md

@@ -1,4 +1,4 @@
 # Navigation updates
 
 - Added the **Units Ordered** nav button beneath **Units Shipped** on every Sales canvas so the new sales dashboard route is reachable from Capacity Planning, Units Ordered, and Units Shipped.
-- Each page now hardcodes the appropriate nav button to `appsmith.theme.colors.primaryColor` and keeps the others at `appsmith.theme.colors.backgroundColor`, guaranteeing only the current canvas renders with the darker highlight without referencing `appsmith.page`.
+- Each page now hardcodes the highlighted button to `appsmith.theme.colors.backgroundColor` (what used to be the default background) and keeps the inactive buttons at `#ffffff`, so the active canvas still renders distinctly without referencing `appsmith.page`.

pages/Sales - Capacity Planning/widgets/Container1/Button1.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 8,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Capacity Planning/widgets/Container1/Button1Copy.json

@@ -3,14 +3,10 @@
   "borderRadius": "0.375rem",
   "bottomRow": 12,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "#ffffff",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
-  "dynamicBindingPathList": [
+  "dynamicBindingPathList": [],
-    {
-      "key": "buttonColor"
-    }
-  ],
   "dynamicTriggerPathList": [
     {
       "key": "onClick"

pages/Sales - Capacity Planning/widgets/Container1/Button1Copy2.json

@@ -3,14 +3,10 @@
   "borderRadius": "0.375rem",
   "bottomRow": 16,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "#ffffff",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
-  "dynamicBindingPathList": [
+  "dynamicBindingPathList": [],
-    {
-      "key": "buttonColor"
-    }
-  ],
   "dynamicTriggerPathList": [
     {
       "key": "onClick"

pages/Sales - Units Ordered/widgets/Container1/Button1.json

@@ -3,14 +3,10 @@
   "borderRadius": "0.375rem",
   "bottomRow": 8,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "#ffffff",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
-  "dynamicBindingPathList": [
+  "dynamicBindingPathList": [],
-    {
-      "key": "buttonColor"
-    }
-  ],
   "dynamicTriggerPathList": [
     {
       "key": "onClick"

pages/Sales - Units Ordered/widgets/Container1/Button1Copy.json

@@ -3,14 +3,10 @@
   "borderRadius": "0.375rem",
   "bottomRow": 12,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "#ffffff",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
-  "dynamicBindingPathList": [
+  "dynamicBindingPathList": [],
-    {
-      "key": "buttonColor"
-    }
-  ],
   "dynamicTriggerPathList": [
     {
       "key": "onClick"

pages/Sales - Units Ordered/widgets/Container1/Button1Copy2.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 16,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Shipped/widgets/Container1/Button1.json

@@ -3,14 +3,10 @@
   "borderRadius": "0.375rem",
   "bottomRow": 8,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "#ffffff",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
-  "dynamicBindingPathList": [
+  "dynamicBindingPathList": [],
-    {
-      "key": "buttonColor"
-    }
-  ],
   "dynamicTriggerPathList": [
     {
       "key": "onClick"

pages/Sales - Units Shipped/widgets/Container1/Button1Copy.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 12,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Shipped/widgets/Container1/Button1Copy2.json

@@ -3,14 +3,10 @@
   "borderRadius": "0.375rem",
   "bottomRow": 16,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "#ffffff",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
-  "dynamicBindingPathList": [
+  "dynamicBindingPathList": [],
-    {
-      "key": "buttonColor"
-    }
-  ],
   "dynamicTriggerPathList": [
     {
       "key": "onClick"