Update Panel to use inverse-text

romaricpascal · romaricpascal · commit 0908ec43423d · 2026-06-16T17:42:45.000+01:00
Update `--govuk-text-colour` alongside `color` to automatically affect any component injected in the panel.
diff --git a/packages/govuk-frontend/src/govuk/components/panel/_mixin.scss b/packages/govuk-frontend/src/govuk/components/panel/_mixin.scss
@@ -36,12 +36,13 @@
   }
 
   .govuk-panel--confirmation {
-    color: base.govuk-colour("white");
-    background: base.govuk-colour("green");
+    --govuk-text-colour: #{base.govuk-functional-colour(inverse-text)};
+    color: base.govuk-functional-colour(text);
+    background: base.govuk-functional-colour(success);
 
     @media print {
+      --govuk-text-colour: inherit;
       border-color: currentcolor;
-      color: base.govuk-functional-colour(text);
       background: none;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -36,12 +36,13 @@`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`.govuk-panel--confirmation {`
`39`		`- color: base.govuk-colour("white");`
`40`		`- background: base.govuk-colour("green");`
	`39`	`+ --govuk-text-colour: #{base.govuk-functional-colour(inverse-text)};`
	`40`	`+ color: base.govuk-functional-colour(text);`
	`41`	`+ background: base.govuk-functional-colour(success);`
`41`	`42`
`42`	`43`	`@media print {`
	`44`	`+ --govuk-text-colour: inherit;`
`43`	`45`	`border-color: currentcolor;`
`44`		`- color: base.govuk-functional-colour(text);`
`45`	`46`	`background: none;`
`46`	`47`	`}`
`47`	`48`	`}`