fix: playground theme settings (#805)

wundergraph · May 20, 2024 · 00d692a · 00d692a
1 parent 432b639
commit 00d692a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 11 deletions.
diff --git a/playground/src/index.css b/playground/src/index.css
@@ -123,16 +123,6 @@ html {
   }
 }
 
-.graphiql-container,
-.CodeMirror-info,
-.CodeMirror-lint-tooltip,
-.graphiql-dialog,
-.graphiql-dialog-overlay,
-.graphiql-tooltip,
-[data-radix-popper-content-wrapper] {
-  --color-base: var(--background);
-}
-
 @media (prefers-color-scheme: dark) {
   body:not(.graphiql-light) .graphiql-container,
   body:not(.graphiql-light) .CodeMirror-info,

diff --git a/router/internal/graphiql/graphiql.html b/router/internal/graphiql/graphiql.html
diff --git a/studio/src/pages/[organizationSlug]/[namespace]/graph/[slug]/playground.tsx b/studio/src/pages/[organizationSlug]/[namespace]/graph/[slug]/playground.tsx
@@ -540,6 +540,11 @@ const PlaygroundPage: NextPageWithLayout = () => {
       toolbar.append(toggleClientValidation);
     }
 
+    // remove settings button
+    const sidebarSection = document.getElementsByClassName("graphiql-sidebar-section")[1]
+    const children = Array.from(sidebarSection.childNodes.values())
+    sidebarSection.removeChild(children[2])
+
     setIsMounted(true);
   }, [isMounted]);