Banner

A banner is a 1-line, full color, full width container that can be used to communicate short snippets of information to users. Banners are un-intrusive and non-dismissible.

Examples

Basic

Banners can be styled with one of 9 different nonstatus colors. A nonstatus banner should only be used when the banner color does not represent status or severity.

Banner with links

Status

When a banner is used to convey status, it is advised to add an icon that also conveys status visually, and to provide screen reader text using .pf-v6-screen-reader or an equivalent.

Documentation

Usage

Class	Applied to	Outcome
`.pf-v6-c-banner`	`<div>`	Initiates a banner. Required
`.pf-m-red`	`.pf-v6-c-banner`	Modifies banner for red styling.
`.pf-m-orangered`	`.pf-v6-c-banner`	Modifies banner for orangered styling.
`.pf-m-orange`	`.pf-v6-c-banner`	Modifies banner for orange styling.
`.pf-m-yellow`	`.pf-v6-c-banner`	Modifies banner for yellow styling.
`.pf-m-green`	`.pf-v6-c-banner`	Modifies banner for green styling.
`.pf-m-teal`	`.pf-v6-c-banner`	Modifies banner for teal styling.
`.pf-m-blue`	`.pf-v6-c-banner`	Modifies banner for blue styling.
`.pf-m-purple`	`.pf-v6-c-banner`	Modifies banner for purple styling.
`.pf-m-success`	`.pf-v6-c-banner`	Modifies banner for success status styling.
`.pf-m-warning`	`.pf-v6-c-banner`	Modifies banner for warning status styling.
`.pf-m-danger`	`.pf-v6-c-banner`	Modifies banner for danger status styling.
`.pf-m-info`	`.pf-v6-c-banner`	Modifies banner for info status styling.
`.pf-m-custom`	`.pf-v6-c-banner`	Modifies banner for custom status styling.
`.pf-m-sticky`	`.pf-v6-c-banner`	Modifies banner to be sticky to the top of its container.

CSS variables

Expand or collapse column	Selector	Variable	Value
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--PaddingBlockStart	0.25rem
--pf-v6-c-banner--PaddingBlockStart --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--PaddingInlineEnd	1rem
--pf-v6-c-banner--PaddingInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--md--PaddingInlineEnd	1.5rem
--pf-v6-c-banner--md--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--PaddingBlockEnd	0.25rem
--pf-v6-c-banner--PaddingBlockEnd --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--PaddingInlineStart	1rem
--pf-v6-c-banner--PaddingInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--md--PaddingInlineStart	1.5rem
--pf-v6-c-banner--md--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--FontSize	0.875rem
--pf-v6-c-banner--FontSize --pf-t--global--font--size--body--default --pf-t--global--font--size--sm --pf-t--global--font--size--200 0.875rem
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--BackgroundColor	(In light theme) #e0e0e0
--pf-v6-c-banner--BackgroundColor --pf-t--global--color--nonstatus--gray--default --pf-t--global--color--nonstatus--gray--100 --pf-t--color--gray--20 #e0e0e0
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--link--Color	(In light theme) #151515
--pf-v6-c-banner--link--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--link--TextDecoration	underline
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--link--hover--Color	(In light theme) #151515
--pf-v6-c-banner--link--hover--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--link--hover--FontWeight	500
--pf-v6-c-banner--link--hover--FontWeight --pf-t--global--font--weight--body--bold --pf-t--global--font--weight--200 500
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--link--disabled--Color	(In light theme) #151515
--pf-v6-c-banner--link--disabled--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--link--disabled--TextDecoration	none
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-sticky--ZIndex	300
--pf-v6-c-banner--m-sticky--ZIndex --pf-t--global--z-index--md --pf-t--global--z-index--300 300
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-sticky--BoxShadow	0px 4px 8px 0px rgba(0, 0, 0, 0.1200)
--pf-v6-c-banner--m-sticky--BoxShadow --pf-t--global--box-shadow--md --pf-t--global--box-shadow--X--md--default --pf-t--global--box-shadow--Y--md--default --pf-t--global--box-shadow--blur--md --pf-t--global--box-shadow--spread--md --pf-t--global--box-shadow--color--md --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--600 --pf-t--global--box-shadow--blur--200 --pf-t--global--box-shadow--spread--100 --pf-t--global--box-shadow--color--200 0px 4px 8px 0px rgba(0, 0, 0, 0.1200)
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-danger--BackgroundColor	(In light theme) #b1380b
--pf-v6-c-banner--m-danger--BackgroundColor --pf-t--global--color--status--danger--default --pf-t--global--color--status--danger--100 --pf-t--color--red-orange--60 #b1380b
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-danger--Color	(In light theme) #ffffff
--pf-v6-c-banner--m-danger--Color --pf-t--global--text--color--status--on-danger--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-success--BackgroundColor	(In light theme) #3d7317
--pf-v6-c-banner--m-success--BackgroundColor --pf-t--global--color--status--success--default --pf-t--global--color--status--success--100 --pf-t--color--green--60 #3d7317
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-success--Color	(In light theme) #ffffff
--pf-v6-c-banner--m-success--Color --pf-t--global--text--color--status--on-success--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-warning--BackgroundColor	(In light theme) #ffcc17
--pf-v6-c-banner--m-warning--BackgroundColor --pf-t--global--color--status--warning--default --pf-t--global--color--status--warning--100 --pf-t--color--yellow--30 #ffcc17
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-warning--Color	(In light theme) #151515
--pf-v6-c-banner--m-warning--Color --pf-t--global--text--color--status--on-warning--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-info--BackgroundColor	(In light theme) #5e40be
--pf-v6-c-banner--m-info--BackgroundColor --pf-t--global--color--status--info--default --pf-t--global--color--status--info--100 --pf-t--color--purple--50 #5e40be
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-info--Color	(In light theme) #ffffff
--pf-v6-c-banner--m-info--Color --pf-t--global--text--color--status--on-info--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-custom--BackgroundColor	(In light theme) #147878
--pf-v6-c-banner--m-custom--BackgroundColor --pf-t--global--color--status--custom--default --pf-t--global--color--status--custom--100 --pf-t--color--teal--60 #147878
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-custom--Color	(In light theme) #ffffff
--pf-v6-c-banner--m-custom--Color --pf-t--global--text--color--status--on-custom--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-red--BackgroundColor	(In light theme) #fbc5c5
--pf-v6-c-banner--m-red--BackgroundColor --pf-t--global--color--nonstatus--red--default --pf-t--global--color--nonstatus--red--100 --pf-t--color--red--20 #fbc5c5
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-red--Color	(In light theme) #151515
--pf-v6-c-banner--m-red--Color --pf-t--global--text--color--nonstatus--on-red--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-orangered--BackgroundColor	(In light theme) #fbbea8
--pf-v6-c-banner--m-orangered--BackgroundColor --pf-t--global--color--nonstatus--orangered--default --pf-t--global--color--nonstatus--orangered--100 --pf-t--color--red-orange--20 #fbbea8
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-orangered--Color	(In light theme) #151515
--pf-v6-c-banner--m-orangered--Color --pf-t--global--text--color--nonstatus--on-orangered--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-orange--BackgroundColor	(In light theme) #fccb8f
--pf-v6-c-banner--m-orange--BackgroundColor --pf-t--global--color--nonstatus--orange--default --pf-t--global--color--nonstatus--orange--100 --pf-t--color--orange--20 #fccb8f
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-orange--Color	(In light theme) #151515
--pf-v6-c-banner--m-orange--Color --pf-t--global--text--color--nonstatus--on-orange--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-yellow--BackgroundColor	(In light theme) #ffe072
--pf-v6-c-banner--m-yellow--BackgroundColor --pf-t--global--color--nonstatus--yellow--default --pf-t--global--color--nonstatus--yellow--100 --pf-t--color--yellow--20 #ffe072
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-yellow--Color	(In light theme) #151515
--pf-v6-c-banner--m-yellow--Color --pf-t--global--text--color--nonstatus--on-yellow--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-green--BackgroundColor	(In light theme) #d1f1bb
--pf-v6-c-banner--m-green--BackgroundColor --pf-t--global--color--nonstatus--green--default --pf-t--global--color--nonstatus--green--100 --pf-t--color--green--20 #d1f1bb
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-green--Color	(In light theme) #151515
--pf-v6-c-banner--m-green--Color --pf-t--global--text--color--nonstatus--on-green--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-teal--BackgroundColor	(In light theme) #b9e5e5
--pf-v6-c-banner--m-teal--BackgroundColor --pf-t--global--color--nonstatus--teal--default --pf-t--global--color--nonstatus--teal--100 --pf-t--color--teal--20 #b9e5e5
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-teal--Color	(In light theme) #151515
--pf-v6-c-banner--m-teal--Color --pf-t--global--text--color--nonstatus--on-teal--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-blue--BackgroundColor	(In light theme) #b9dafc
--pf-v6-c-banner--m-blue--BackgroundColor --pf-t--global--color--nonstatus--blue--default --pf-t--global--color--nonstatus--blue--100 --pf-t--color--blue--20 #b9dafc
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-blue--Color	(In light theme) #151515
--pf-v6-c-banner--m-blue--Color --pf-t--global--text--color--nonstatus--on-blue--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-purple--BackgroundColor	(In light theme) #d0c5f4
--pf-v6-c-banner--m-purple--BackgroundColor --pf-t--global--color--nonstatus--purple--default --pf-t--global--color--nonstatus--purple--100 --pf-t--color--purple--20 #d0c5f4
	:where(:root, .pf-v6-c-banner)	--pf-v6-c-banner--m-purple--Color	(In light theme) #151515
--pf-v6-c-banner--m-purple--Color --pf-t--global--text--color--nonstatus--on-purple--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-danger	--pf-v6-c-banner--BackgroundColor	(In light theme) #b1380b
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-danger--BackgroundColor --pf-t--global--color--status--danger--default --pf-t--global--color--status--danger--100 --pf-t--color--red-orange--60 #b1380b
	.pf-v6-c-banner.pf-m-danger	--pf-v6-c-banner--Color	(In light theme) #ffffff
--pf-v6-c-banner--Color --pf-v6-c-banner--m-danger--Color --pf-t--global--text--color--status--on-danger--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	.pf-v6-c-banner.pf-m-success	--pf-v6-c-banner--BackgroundColor	(In light theme) #3d7317
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-success--BackgroundColor --pf-t--global--color--status--success--default --pf-t--global--color--status--success--100 --pf-t--color--green--60 #3d7317
	.pf-v6-c-banner.pf-m-success	--pf-v6-c-banner--Color	(In light theme) #ffffff
--pf-v6-c-banner--Color --pf-v6-c-banner--m-success--Color --pf-t--global--text--color--status--on-success--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	.pf-v6-c-banner.pf-m-warning	--pf-v6-c-banner--BackgroundColor	(In light theme) #ffcc17
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-warning--BackgroundColor --pf-t--global--color--status--warning--default --pf-t--global--color--status--warning--100 --pf-t--color--yellow--30 #ffcc17
	.pf-v6-c-banner.pf-m-warning	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-warning--Color --pf-t--global--text--color--status--on-warning--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-info	--pf-v6-c-banner--BackgroundColor	(In light theme) #5e40be
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-info--BackgroundColor --pf-t--global--color--status--info--default --pf-t--global--color--status--info--100 --pf-t--color--purple--50 #5e40be
	.pf-v6-c-banner.pf-m-info	--pf-v6-c-banner--Color	(In light theme) #ffffff
--pf-v6-c-banner--Color --pf-v6-c-banner--m-info--Color --pf-t--global--text--color--status--on-info--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	.pf-v6-c-banner.pf-m-custom	--pf-v6-c-banner--BackgroundColor	(In light theme) #147878
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-custom--BackgroundColor --pf-t--global--color--status--custom--default --pf-t--global--color--status--custom--100 --pf-t--color--teal--60 #147878
	.pf-v6-c-banner.pf-m-custom	--pf-v6-c-banner--Color	(In light theme) #ffffff
--pf-v6-c-banner--Color --pf-v6-c-banner--m-custom--Color --pf-t--global--text--color--status--on-custom--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	.pf-v6-c-banner.pf-m-red	--pf-v6-c-banner--BackgroundColor	(In light theme) #fbc5c5
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-red--BackgroundColor --pf-t--global--color--nonstatus--red--default --pf-t--global--color--nonstatus--red--100 --pf-t--color--red--20 #fbc5c5
	.pf-v6-c-banner.pf-m-red	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-red--Color --pf-t--global--text--color--nonstatus--on-red--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-orangered	--pf-v6-c-banner--BackgroundColor	(In light theme) #fbbea8
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-orangered--BackgroundColor --pf-t--global--color--nonstatus--orangered--default --pf-t--global--color--nonstatus--orangered--100 --pf-t--color--red-orange--20 #fbbea8
	.pf-v6-c-banner.pf-m-orangered	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-orangered--Color --pf-t--global--text--color--nonstatus--on-orangered--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-orange	--pf-v6-c-banner--BackgroundColor	(In light theme) #fccb8f
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-orange--BackgroundColor --pf-t--global--color--nonstatus--orange--default --pf-t--global--color--nonstatus--orange--100 --pf-t--color--orange--20 #fccb8f
	.pf-v6-c-banner.pf-m-orange	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-orange--Color --pf-t--global--text--color--nonstatus--on-orange--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-yellow	--pf-v6-c-banner--BackgroundColor	(In light theme) #ffe072
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-yellow--BackgroundColor --pf-t--global--color--nonstatus--yellow--default --pf-t--global--color--nonstatus--yellow--100 --pf-t--color--yellow--20 #ffe072
	.pf-v6-c-banner.pf-m-yellow	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-yellow--Color --pf-t--global--text--color--nonstatus--on-yellow--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-green	--pf-v6-c-banner--BackgroundColor	(In light theme) #d1f1bb
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-green--BackgroundColor --pf-t--global--color--nonstatus--green--default --pf-t--global--color--nonstatus--green--100 --pf-t--color--green--20 #d1f1bb
	.pf-v6-c-banner.pf-m-green	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-green--Color --pf-t--global--text--color--nonstatus--on-green--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-teal	--pf-v6-c-banner--BackgroundColor	(In light theme) #b9e5e5
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-teal--BackgroundColor --pf-t--global--color--nonstatus--teal--default --pf-t--global--color--nonstatus--teal--100 --pf-t--color--teal--20 #b9e5e5
	.pf-v6-c-banner.pf-m-teal	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-teal--Color --pf-t--global--text--color--nonstatus--on-teal--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-blue	--pf-v6-c-banner--BackgroundColor	(In light theme) #b9dafc
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-blue--BackgroundColor --pf-t--global--color--nonstatus--blue--default --pf-t--global--color--nonstatus--blue--100 --pf-t--color--blue--20 #b9dafc
	.pf-v6-c-banner.pf-m-blue	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-blue--Color --pf-t--global--text--color--nonstatus--on-blue--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner.pf-m-purple	--pf-v6-c-banner--BackgroundColor	(In light theme) #d0c5f4
--pf-v6-c-banner--BackgroundColor --pf-v6-c-banner--m-purple--BackgroundColor --pf-t--global--color--nonstatus--purple--default --pf-t--global--color--nonstatus--purple--100 --pf-t--color--purple--20 #d0c5f4
	.pf-v6-c-banner.pf-m-purple	--pf-v6-c-banner--Color	(In light theme) #151515
--pf-v6-c-banner--Color --pf-v6-c-banner--m-purple--Color --pf-t--global--text--color--nonstatus--on-purple--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner a:hover:not(.pf-m-disabled)	--pf-v6-c-banner--link--Color	(In light theme) #151515
--pf-v6-c-banner--link--Color --pf-v6-c-banner--link--hover--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner a.pf-m-disabled	--pf-v6-c-banner--link--Color	(In light theme) #151515
--pf-v6-c-banner--link--Color --pf-v6-c-banner--link--disabled--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner a.pf-m-disabled	--pf-v6-c-banner--link--TextDecoration	none
--pf-v6-c-banner--link--TextDecoration --pf-v6-c-banner--link--disabled--TextDecoration none
	.pf-v6-c-banner .pf-v6-c-button.pf-m-inline	--pf-v6-c-button--m-link--Color	(In light theme) #151515
--pf-v6-c-button--m-link--Color --pf-v6-c-banner--link--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner .pf-v6-c-button.pf-m-inline	--pf-v6-c-button--m-link--m-inline--hover--Color	(In light theme) #151515
--pf-v6-c-button--m-link--m-inline--hover--Color --pf-v6-c-banner--link--hover--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner .pf-v6-c-button.pf-m-inline	--pf-v6-c-button--disabled--Color	(In light theme) #151515
--pf-v6-c-button--disabled--Color --pf-v6-c-banner--link--disabled--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:hover	--pf-v6-c-banner--link--Color	(In light theme) #151515
--pf-v6-c-banner--link--Color --pf-v6-c-banner--link--hover--Color --pf-v6-c-banner--Color --pf-t--global--text--color--nonstatus--on-gray--default --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled	--pf-v6-c-banner--link--TextDecoration	none
--pf-v6-c-banner--link--TextDecoration --pf-v6-c-banner--link--disabled--TextDecoration none

View source on GitHub