Skip to content

Commit 72bb80f

Browse files
committed
feat(MessageBar): Add support for high contrast
1 parent e15e279 commit 72bb80f

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

packages/module/src/MessageBar/MessageBar.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -133,3 +133,16 @@
133133
padding-block-end: var(--pf-t--global--spacer--md);
134134
}
135135
}
136+
137+
// ============================================================================
138+
// High contrast styles
139+
// ============================================================================
140+
:root:where(.pf-v6-theme-high-contrast) {
141+
.pf-chatbot__message-bar {
142+
box-shadow: inset 0 0 0 1px var(--pf-t--global--border--color--default);
143+
144+
&:focus-within {
145+
box-shadow: inset 0 0 0 2px var(--pf-t--global--color--brand--default);
146+
}
147+
}
148+
}

0 commit comments

Comments
 (0)