diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-menu-of-options-in-message-bar.png b/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-menu-of-options-in-message-bar.png index 8846f506b..4452e63b3 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-menu-of-options-in-message-bar.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-menu-of-options-in-message-bar.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-upload-button-in-message-bar.png b/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-upload-button-in-message-bar.png index 4c572afa9..65cb927e6 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-upload-button-in-message-bar.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/attach-via-upload-button-in-message-bar.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/message-auto-scrolling.png b/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/message-auto-scrolling.png index 2aee31dd2..e896cd3f7 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/message-auto-scrolling.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/messages/demo/message-auto-scrolling.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/basic-chatbot.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/basic-chatbot.png index c59e0afda..e896cd3f7 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/basic-chatbot.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/basic-chatbot.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/chat-transcripts.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/chat-transcripts.png index 2aee31dd2..e896cd3f7 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/chat-transcripts.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/chat-transcripts.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/compact-chatbot.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/compact-chatbot.png index c540e91c1..832cdbceb 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/compact-chatbot.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/compact-chatbot.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/comparing-chatbots.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/comparing-chatbots.png index 8a3bb9d1c..ee7e10524 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/comparing-chatbots.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/comparing-chatbots.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/display-mode-switcher.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/display-mode-switcher.png index 56a09938f..ba6bf413e 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/display-mode-switcher.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/display-mode-switcher.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/embedded-chatbot.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/embedded-chatbot.png index 9ed0e4c26..aab8fafd8 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/embedded-chatbot.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/embedded-chatbot.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/inline-drawer-chatbot.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/inline-drawer-chatbot.png index 57a56a9e8..e20468647 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/inline-drawer-chatbot.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/inline-drawer-chatbot.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/primary-color-background.png b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/primary-color-background.png index ca07f43e5..e0e963f51 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/primary-color-background.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/overview/demo/primary-color-background.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-onboarding.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-onboarding.png index 4f1e59f59..9dffb29e4 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-onboarding.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-onboarding.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-settings.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-settings.png index f44d41126..f800529ec 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-settings.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-settings.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-terms-of-use.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-terms-of-use.png index 225ecb99e..0f80929a4 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-terms-of-use.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/compact-terms-of-use.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/custom-toggle-icon.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/custom-toggle-icon.png index 10697501c..7b950b1ce 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/custom-toggle-icon.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/custom-toggle-icon.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/modal.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/modal.png index 57064066a..c06e679c1 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/modal.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/modal.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/onboarding.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/onboarding.png index c1a9e169a..23fb8e46b 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/onboarding.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/onboarding.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/settings.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/settings.png index 6fc46d22a..6647fdea7 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/settings.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/settings.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/skip-to-content.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/skip-to-content.png index f781712f5..d9ed8e5ab 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/skip-to-content.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/skip-to-content.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/terms-of-use.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/terms-of-use.png index 00f52d6a1..7075f8f76 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/terms-of-use.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/terms-of-use.png differ diff --git a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/welcome-message.png b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/welcome-message.png index dd5b854a3..2c1212a87 100644 Binary files a/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/welcome-message.png and b/packages/module/patternfly-docs/generated/extensions/chatbot/ui/react/welcome-message.png differ diff --git a/packages/module/src/Chatbot/Chatbot.scss b/packages/module/src/Chatbot/Chatbot.scss index a77ce625a..7bc17af80 100644 --- a/packages/module/src/Chatbot/Chatbot.scss +++ b/packages/module/src/Chatbot/Chatbot.scss @@ -48,6 +48,10 @@ var(--pf-t--global--background--color--secondary--default) ); } + + &:not(&--default):has(.pf-chatbot__content.pf-m-primary) { + background-color: var(--pf-t--global--background--color--primary--default); + } } :root:where(.pf-v6-theme-felt):not(.pf-v6-theme-glass) { diff --git a/packages/module/src/ChatbotContent/ChatbotContent.scss b/packages/module/src/ChatbotContent/ChatbotContent.scss index 5006469eb..1c23c0fdb 100644 --- a/packages/module/src/ChatbotContent/ChatbotContent.scss +++ b/packages/module/src/ChatbotContent/ChatbotContent.scss @@ -19,7 +19,7 @@ } .pf-chatbot:not(.pf-chatbot--default) { - .pf-chatbot__content { + .pf-chatbot__content:not(.pf-m-primary) { background-color: var( --pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--secondary--default) diff --git a/packages/module/src/ChatbotFooter/ChatbotFooter.scss b/packages/module/src/ChatbotFooter/ChatbotFooter.scss index 1c65f8fa3..a376e2d4a 100644 --- a/packages/module/src/ChatbotFooter/ChatbotFooter.scss +++ b/packages/module/src/ChatbotFooter/ChatbotFooter.scss @@ -17,8 +17,8 @@ } } -.pf-chatbot:not(.pf-chatnot--default) { - .pf-chatbot__footer { +.pf-chatbot:not(.pf-chatbot--default) { + .pf-chatbot__footer:not(.pf-m-primary) { background-color: var(--pf-t--global--background--color--secondary--default); @at-root :where(.pf-v6-theme-glass) & { diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss index f33068c7b..7a105d765 100644 --- a/packages/module/src/ChatbotHeader/ChatbotHeader.scss +++ b/packages/module/src/ChatbotHeader/ChatbotHeader.scss @@ -64,6 +64,10 @@ background-color: var(--pf-t--global--background--color--glass--primary--default); } } + + &:has(.pf-chatbot__content.pf-m-primary) .pf-chatbot__header { + background-color: var(--pf-t--global--background--color--primary--default); + } } // ============================================================================ diff --git a/packages/module/src/ChatbotModal/ChatbotModal.scss b/packages/module/src/ChatbotModal/ChatbotModal.scss index c72b28b9c..24379578d 100644 --- a/packages/module/src/ChatbotModal/ChatbotModal.scss +++ b/packages/module/src/ChatbotModal/ChatbotModal.scss @@ -4,6 +4,7 @@ .pf-chatbot__chatbot-modal { --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium) !important; + --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--secondary--default); position: fixed !important; inset-block-end: var(--pf-t--global--spacer--800); // no associated semantic token inset-inline-end: var(--pf-t--global--spacer--lg); @@ -26,6 +27,15 @@ } } +:root:where(.pf-v6-theme-glass) { + .pf-chatbot__chatbot-modal { + --pf-v6-c-modal-box--BackgroundColor: var( + --pf-t--global--background--color--glass--primary--default, + var(--pf-t--global--background--color--secondary--default) + ); + } +} + // ============================================================================ // Chatbot Display Mode - Fullscreen and Embedded // ============================================================================