From 09380136391304cfd1d01d01fd1f53be08b2d966 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 21 Oct 2025 14:33:14 -0400 Subject: [PATCH] feat(ToolCall/DeepThinking/Tool Response): Add support for high contrast --- packages/module/src/DeepThinking/DeepThinking.scss | 6 ++++++ packages/module/src/ToolCall/ToolCall.scss | 8 +++++++- packages/module/src/ToolResponse/ToolResponse.scss | 11 +++++++++++ 3 files changed, 24 insertions(+), 1 deletion(-) diff --git a/packages/module/src/DeepThinking/DeepThinking.scss b/packages/module/src/DeepThinking/DeepThinking.scss index 7a5f49f7..c90f8ece 100644 --- a/packages/module/src/DeepThinking/DeepThinking.scss +++ b/packages/module/src/DeepThinking/DeepThinking.scss @@ -22,3 +22,9 @@ .pf-chatbot__deep-thinking-body { color: var(--pf-t--global--text--color--subtle); } + +:root:where(.pf-v6-theme-high-contrast) { + .pf-chatbot__deep-thinking { + --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--high-contrast); + } +} diff --git a/packages/module/src/ToolCall/ToolCall.scss b/packages/module/src/ToolCall/ToolCall.scss index bd95c47b..6c848971 100644 --- a/packages/module/src/ToolCall/ToolCall.scss +++ b/packages/module/src/ToolCall/ToolCall.scss @@ -1,6 +1,6 @@ .pf-chatbot__tool-call { - --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only); --pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--small); + --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only); overflow: unset; row-gap: var(--pf-t--global--spacer--sm); @@ -35,3 +35,9 @@ justify-content: flex-end; } } + +:root:where(.pf-v6-theme-high-contrast) { + .pf-chatbot__tool-call { + --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--high-contrast); + } +} diff --git a/packages/module/src/ToolResponse/ToolResponse.scss b/packages/module/src/ToolResponse/ToolResponse.scss index b6f71193..d268b627 100644 --- a/packages/module/src/ToolResponse/ToolResponse.scss +++ b/packages/module/src/ToolResponse/ToolResponse.scss @@ -34,3 +34,14 @@ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--control--read-only); } } + +:root:where(.pf-v6-theme-high-contrast) { + .pf-chatbot__tool-response, + .pf-chatbot__tool-response-card { + --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--high-contrast); + + .pf-v6-c-divider { + --pf-v6-c-divider--Color: var(--pf-t--global--border--color--high-contrast); + } + } +}