Fixes #39593 - Restore background color for Rails-rendered pages

sjha4 · claude · sjha4 · commit 53a563c53c75 · 2026-08-06T14:53:53.000Z
Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/app/assets/stylesheets/base-pf4.scss b/app/assets/stylesheets/base-pf4.scss
@@ -21,6 +21,7 @@ body {
   font-weight: var(--pf-v5-global--FontWeight--normal);
   line-height: var(--pf-v5-global--LineHeight--md);
   text-align: left;
+  --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
 }
 
 a {
diff --git a/webpack/assets/javascripts/react_app/components/Layout/layout.scss b/webpack/assets/javascripts/react_app/components/Layout/layout.scss
@@ -103,10 +103,6 @@
   }
 }
 
-#foreman-page {
-  --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-}
-
 #foreman-page .pf-v5-c-masthead {
   background-repeat: no-repeat;
   background-size: cover;

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ body {`
`21`	`21`	`font-weight: var(--pf-v5-global--FontWeight--normal);`
`22`	`22`	`line-height: var(--pf-v5-global--LineHeight--md);`
`23`	`23`	`text-align: left;`
	`24`	`+ --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`a {`
Original file line number	Diff line number	Diff line change
`@@ -103,10 +103,6 @@`
`103`	`103`	`}`
`104`	`104`	`}`
`105`	`105`
`106`		`-#foreman-page {`
`107`		`- --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);`
`108`		`-}`
`109`		`-`
`110`	`106`	`#foreman-page .pf-v5-c-masthead {`
`111`	`107`	`background-repeat: no-repeat;`
`112`	`108`	`background-size: cover;`