Merge pull request #359 from c-bata/font-weight-bold

Use `theme.typography.fontWeightBold` instead of 600

optuna_dashboard/ts/components/BestTrialsCard.tsx

@@ -34,7 +34,10 @@ export const BestTrialsCard: FC<{
       <>
         <Typography
           variant="h3"
-          sx={{ fontWeight: 600, marginBottom: theme.spacing(2) }}
+          sx={{
+            fontWeight: theme.typography.fontWeightBold,
+            marginBottom: theme.spacing(2),
+          }}
           color="secondary"
         >
           {bestTrial.values}
@@ -124,7 +127,10 @@ export const BestTrialsCard: FC<{
           flexDirection: "column",
         }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           {header}
         </Typography>
         {content}

optuna_dashboard/ts/components/GraphContour.tsx

@@ -80,7 +80,10 @@ export const Contour: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Contour
         </Typography>
         {study !== null && study.directions.length !== 1 ? (

optuna_dashboard/ts/components/GraphEdf.tsx

@@ -36,7 +36,10 @@ export const GraphEdfBeta: FC<{
   }, [trials, target, domId, theme.palette.mode])
   return (
     <Box>
-      <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+      <Typography
+        variant="h6"
+        sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+      >
         {`EDF for ${target.toLabel(study?.objective_names)}`}
       </Typography>
       <Box id={domId} sx={{ height: "450px" }} />
@@ -69,7 +72,10 @@ export const GraphEdf: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           EDF
         </Typography>
         {study !== null && study.directions.length !== 1 ? (

optuna_dashboard/ts/components/GraphHistory.tsx

@@ -101,7 +101,10 @@ export const GraphHistory: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           History
         </Typography>
         {targets.length >= 2 ? (

optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx

@@ -48,7 +48,10 @@ export const GraphHyperparameterImportanceBeta: FC<{
   return (
     <Card>
       <CardContent>
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Hyperparameter Importance
         </Typography>
         <Box id={plotDomId} sx={{ height: graphHeight }} />
@@ -142,7 +145,10 @@ export const GraphHyperparameterImportances: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Hyperparameter importance
         </Typography>
         {study !== null && study.directions.length !== 1 ? (

optuna_dashboard/ts/components/GraphIntermediateValues.tsx

@@ -36,7 +36,10 @@ export const GraphIntermediateValuesBeta: FC<{
   return (
     <Card>
       <CardContent>
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Intermediate values
         </Typography>
         <Box id={plotDomId} sx={{ height: "450px" }} />
@@ -79,7 +82,10 @@ export const GraphIntermediateValues: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Intermediate values
         </Typography>
         <FormControl

optuna_dashboard/ts/components/GraphParallelCoordinate.tsx

@@ -107,7 +107,10 @@ export const GraphParallelCoordinate: FC<{
           flexDirection: "column",
         }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Parallel Coordinate
         </Typography>
         {renderCheckBoxes()}

optuna_dashboard/ts/components/GraphParetoFront.tsx

@@ -46,7 +46,10 @@ export const GraphParetoFront: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Pareto Front
         </Typography>
         {study !== null && study.directions.length !== 1 ? (

optuna_dashboard/ts/components/GraphSlice.tsx

@@ -90,7 +90,10 @@ export const GraphSlice: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Slice
         </Typography>
         {study !== null && study.directions.length !== 1 && (

optuna_dashboard/ts/components/RenameStudyDialog.tsx

@@ -59,7 +59,10 @@ export const useRenameStudyDialog = (
         </DialogTitle>
         <DialogContent>
           <DialogContentText
-            sx={{ fontWeight: 600, marginBottom: theme.spacing(1) }}
+            sx={{
+              fontWeight: theme.typography.fontWeightBold,
+              marginBottom: theme.spacing(1),
+            }}
           >
             Please note that the study_id will be changed because this function
             internally creates a new study and copies all trials to it.

optuna_dashboard/ts/components/StudyDetail.tsx

@@ -149,7 +149,7 @@ export const StudyDetail: FC<{
             variant="h4"
             sx={{
               margin: `${theme.spacing(4)} ${theme.spacing(2)}`,
-              fontWeight: 700,
+              fontWeight: theme.typography.fontWeightBold,
               fontSize: "1.8rem",
               ...(theme.palette.mode === "dark" && {
                 color: theme.palette.primary.light,
@@ -165,7 +165,7 @@ export const StudyDetail: FC<{
               }}
             >
               <CardContent>
-                <GraphHistory study={studyDetail} isBeta={false} />
+                <GraphHistory study={studyDetail} />
               </CardContent>
             </Card>
           ) : null}

optuna_dashboard/ts/components/StudyDetailBeta.tsx

@@ -145,7 +145,11 @@ export const StudyDetailBeta: FC<{
         <HomeIcon />
       </IconButton>
       <ChevronRightIcon sx={{ marginRight: theme.spacing(1) }} />
-      <Typography variant="h5" noWrap component="div">
+      <Typography
+        noWrap
+        component="div"
+        sx={{ fontWeight: theme.typography.fontWeightBold }}
+      >
         {title}
       </Typography>
     </>

optuna_dashboard/ts/components/StudyHistory.tsx

@@ -133,7 +133,10 @@ export const StudyHistory: FC<{ studyId: number }> = ({ studyId }) => {
             >
               <Typography
                 variant="h6"
-                sx={{ margin: "1em 0", fontWeight: 600 }}
+                sx={{
+                  margin: "1em 0",
+                  fontWeight: theme.typography.fontWeightBold,
+                }}
               >
                 Study User Attributes
               </Typography>