ensure code block is in dark mode

danilo-leal · Nov 27, 2023 · 04778f1 · 04778f1
1 parent e08844a
commit 04778f1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/docs/src/components/productX/XChartsDemo.tsx b/docs/src/components/productX/XChartsDemo.tsx
@@ -54,7 +54,7 @@ export default function XChartsDemo() {
           </Box>
         </Paper>
       </Frame.Demo>
-      <Frame.Info sx={{ maxHeight: 300, overflow: 'auto' }}>
+      <Frame.Info data-mui-color-scheme="dark" sx={{ maxHeight: 300, overflow: 'auto' }}>
         <HighlightedCode copyButtonHidden component={MarkdownElement} code={code} language="jsx" />
       </Frame.Info>
     </Frame>

diff --git a/docs/src/components/productX/XDateRangeDemo.tsx b/docs/src/components/productX/XDateRangeDemo.tsx
@@ -186,7 +186,7 @@ export default function XDateRangeDemo() {
           </LocalizationProvider>
         </Paper>
       </Frame.Demo>
-      <Frame.Info sx={{ maxHeight: 300, overflow: 'auto' }}>
+      <Frame.Info data-mui-color-scheme="dark" sx={{ maxHeight: 300, overflow: 'auto' }}>
         <HighlightedCode copyButtonHidden component={MarkdownElement} code={code} language="jsx" />
       </Frame.Info>
     </Frame>

diff --git a/docs/src/components/productX/XTreeViewDemo.tsx b/docs/src/components/productX/XTreeViewDemo.tsx
@@ -329,7 +329,7 @@ export default function XDateRangeDemo() {
           </TreeView>
         </Paper>
       </Frame.Demo>
-      <Frame.Info sx={{ maxHeight: 300, overflow: 'auto' }}>
+      <Frame.Info data-mui-color-scheme="dark" sx={{ maxHeight: 300, overflow: 'auto' }}>
         <HighlightedCode copyButtonHidden component={MarkdownElement} code={code} language="jsx" />
       </Frame.Info>
     </Frame>