Merge pull request #141 from rebeccaalpert/codeblock

fix(CodeBlock): Fix dark mode issues
patternfly · Sep 13, 2024 · 445dc30 · 445dc30
2 parents 2402b1e + b2efc0f
commit 445dc30
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss b/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss
@@ -19,14 +19,15 @@
  --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
- color: var(--pf-t--global--text--color--inverse);
+ color: var(--pf-t--color--white); // same in light + dark theme
 
  .pf-v6-c-code-block__actions {
  width: 100%;
  }
 
  .pf-chatbot__message-code-block-language {
  text-transform: uppercase;
+ font-family: var(--pf-t--global--font--family--body);
  }
 
  .pf-v6-c-code-block__actions-item {

diff --git a/packages/module/src/Message/TextMessage/TextMessage.scss b/packages/module/src/Message/TextMessage/TextMessage.scss
@@ -13,7 +13,7 @@
  }
 
  code {
- background-color: var(--pf-t--chatbot--code--background);
+ background-color: initial; // this is a temporary fix while design works out what kind of tokens they want to use for the message bubbles; PF does not offer the variety of grays required
  font-size: var(--pf-t--global--font--size--body--default);
  }
 }