Update graph background on dark mode (#461)

* Update graph background on dark mode * Update converter version
yaptide · Jun 25, 2022 · a3a4d60 · a3a4d60
1 parent d8e2d03
commit a3a4d60
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,7 +20,7 @@
 		"@uiw/react-textarea-code-editor": "^2.0.2",
 		"comlink": "^4.3.1",
 		"glob": "^8.0.3",
-		"ky": "^0.30.0",
+		"ky": "^0.31.0",
 		"notistack": "^2.0.5",
 		"react": "^17.0.2",
 		"react-async-script": "^1.2.0",

diff --git a/public/libs/jsroot b/public/libs/jsroot
diff --git a/src/WrapperApp/components/ResultsPanel.tsx b/src/WrapperApp/components/ResultsPanel.tsx
@@ -1,10 +1,12 @@
-import { Box, Card, CardContent, Grid, Tab, Tabs, Typography } from '@mui/material';
+import { Box, Card, CardContent, Grid, Tab, Tabs, Typography, useMediaQuery } from '@mui/material';
 import React, { SyntheticEvent, useEffect, useState } from 'react';
 import { generateGraphs } from '../../JsRoot/GraphData';
 import { TabPanel } from './TabPanel';
 import { useStore } from '../../services/StoreService';
 
 function ResultsPanel() {
+	const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
+
 	const { resultsSimulationData: simulation } = useStore();
 
 	const [tabsValue, setTabsValue] = useState(0);
@@ -70,7 +72,8 @@ function ResultsPanel() {
 				</Card>
 				<Card
 					sx={{
-						margin: '0.5rem'
+						margin: '0.5rem',
+						bgcolor: prefersDarkMode ? 'text.disabled' : 'background.paper'
 					}}>
 					<CardContent>
 						{simulation?.result?.estimators.map((estimator, idx) => {

diff --git a/src/libs/converter b/src/libs/converter