feat(ToolCall/DeepThinking/Tool Response): Add support for high contrast (#728)

rebeccaalpert · web-flow · commit 1212a78c6401 · 2025-11-07T15:40:21.000-05:00
diff --git a/packages/module/src/DeepThinking/DeepThinking.scss b/packages/module/src/DeepThinking/DeepThinking.scss
@@ -1,5 +1,5 @@
 .pf-chatbot__deep-thinking {
-  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
   overflow: unset;
 }
 
diff --git 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--default);
 
   overflow: unset;
   row-gap: var(--pf-t--global--spacer--sm);
diff --git a/packages/module/src/ToolResponse/ToolResponse.scss b/packages/module/src/ToolResponse/ToolResponse.scss
@@ -1,5 +1,5 @@
 .pf-chatbot__tool-response {
-  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
   overflow: unset;
 }
 
@@ -25,12 +25,12 @@
 }
 
 .pf-chatbot__tool-response-card {
-  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--sm);
 
   .pf-v6-c-divider {
-    --pf-v6-c-divider--Color: var(--pf-t--global--border--color--control--read-only);
+    --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`.pf-chatbot__deep-thinking {`
`2`		`- --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);`
	`2`	`+ --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);`
`3`	`3`	`overflow: unset;`
`4`	`4`	`}`
`5`	`5`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`.pf-chatbot__tool-response {`
`2`		`- --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);`
	`2`	`+ --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);`
`3`	`3`	`overflow: unset;`
`4`	`4`	`}`
`5`	`5`
`@@ -25,12 +25,12 @@`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`.pf-chatbot__tool-response-card {`
`28`		`- --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);`
	`28`	`+ --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);`
`29`	`29`	`--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--sm);`
`30`	`30`	`--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);`
`31`	`31`	`--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--sm);`
`32`	`32`
`33`	`33`	`.pf-v6-c-divider {`
`34`		`- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--control--read-only);`
	`34`	`+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);`
`35`	`35`	`}`
`36`	`36`	`}`