From 5fad63c080c46ecb2e256e9956dc9a8850a092ca Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Thu, 5 Nov 2026 13:34:38 -0500
Subject: [PATCH] fix(CodeModal): Remove custom styles

Fixes https://github.com/patternfly/chatbot/issues/927
---
 packages/module/src/CodeModal/CodeModal.scss | 78 --------------------
 packages/module/src/CodeModal/CodeModal.tsx  |  1 -
 2 files changed, 79 deletions(-)

diff --git a/packages/module/src/CodeModal/CodeModal.scss b/packages/module/src/CodeModal/CodeModal.scss
index 58d4b15a1..c99ffedf0 100644
--- a/packages/module/src/CodeModal/CodeModal.scss
+++ b/packages/module/src/CodeModal/CodeModal.scss
@@ -1,85 +1,7 @@
 .pf-chatbot__code-modal {
-  .pf-v6-c-code-editor {
-    --pf-v6-c-code-editor__main--BackgroundColor: #1f1f1f;
-    --pf-v6-c-code-editor__main--BorderEndStartRadius: 0;
-    --pf-v6-c-code-editor__main--BorderEndEndRadius: 0;
-    --pf-v6-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--small);
-    --pf-v6-c-code-editor--m-read-only__main--BackgroundColor: #1f1f1f;
-  }
-  .pf-v6-c-code-editor__header {
-    --pf-v6-c-code-editor__header--BorderWidth: 0;
-    background: #1f1f1f !important;
-    /** this is for the attachment editor header */
-    border-start-start-radius: var(--pf-t--global--border--radius--small);
-    border-start-end-radius: var(--pf-t--global--border--radius--small);
-  }
   .pf-chatbot__code-modal-body {
     gap: var(--pf-t--global--spacer--lg);
   }
-  .pf-chatbot__code-modal--controls > .pf-v6-c-code-editor__header {
-    flex-direction: row-reverse;
-    border-radius: var(--pf-t--global--border--radius--small);
-  }
-  .pf-v6-c-code-editor__header::before {
-    border-block-end: none;
-  }
-  .pf-v6-c-code-editor__header-content {
-    --pf-v6-c-code-editor__header-content--BackgroundColor: #1f1f1f;
-    --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: #1f1f1f;
-    --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(
-      --pf-t--global--border--radius--small
-    ) !important;
-    --pf-v6-c-code-editor__header-content--PaddingInlineEnd: 0;
-    justify-content: flex-end;
-  }
-  .pf-chatbot__code-modal--controls > .pf-v6-c-code-editor__header > .pf-v6-c-code-editor__header-content {
-    --pf-v6-c-code-editor__header-content--BorderStartStartRadius: 0;
-    border-start-end-radius: var(--pf-t--global--border--radius--small);
-  }
-  .pf-v6-c-code-editor__tab {
-    --pf-v6-c-code-editor__tab--BackgroundColor: #1f1f1f;
-    --pf-v6-c-code-editor__tab--Color: #fff;
-    border: none;
-    --pf-v6-c-code-editor__tab--BorderStartEndRadius: 0;
-    border-start-start-radius: var(--pf-t--global--border--radius--small);
-    --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--body--bold);
-    margin-inline-start: unset;
-  }
-  .pf-v6-c-code-editor__tab-icon {
-    display: none;
-  }
-  .pf-v6-c-code-editor__main {
-    border: unset;
-    --pf-v6-c-code-editor__main--BorderEndStartRadius: var(--pf-t--global--border--radius--small);
-    --pf-v6-c-code-editor__main--BorderEndEndRadius: var(--pf-t--global--border--radius--small);
-  }
-  .pf-v6-c-code-editor__controls {
-    padding-right: var(--pf-t--global--spacer--sm);
-  }
-  .pf-v6-c-code-editor__controls > div > .pf-v6-c-button {
-    --pf-v6-c-button--m-plain__icon--Color: #fff;
-    --pf-v6-c-button--hover__icon--Color: #fff;
-  }
-  .pf-v6-c-code-editor__header-main {
-    display: none;
-  }
-  .pf-v6-c-modal-box__close {
-    .pf-v6-c-button.pf-m-plain {
-      --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
-    }
-  }
-}
-
-// ============================================================================
-// Dark theme
-// ============================================================================
-.pf-v6-theme-dark {
-  .pf-chatbot__code-modal {
-    .pf-v6-c-code-editor__controls > div > button {
-      --pf-v6-c-button--m-plain__icon--Color: #c7c7c7;
-      --pf-v6-c-button--hover__icon--Color: #c7c7c7;
-    }
-  }
 }
 
 .pf-chatbot__code-modal-editor {
diff --git a/packages/module/src/CodeModal/CodeModal.tsx b/packages/module/src/CodeModal/CodeModal.tsx
index 42c88c161..4d5d98914 100644
--- a/packages/module/src/CodeModal/CodeModal.tsx
+++ b/packages/module/src/CodeModal/CodeModal.tsx
@@ -194,7 +194,6 @@ export const CodeModal: FunctionComponent<CodeModalProps> = ({
     if (isMonacoLoaded) {
       return (
         <CodeEditor
-          isDarkTheme
           isLineNumbersVisible={isLineNumbersVisible}
           isLanguageLabelVisible
           isCopyEnabled={isCopyEnabled}