chore: disable bold font

Simirall · Aug 19, 2024 · 4be7371 · 4be7371
1 parent 6e92729
commit 4be7371
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 10 deletions.
diff --git a/src/client.tsx b/src/client.tsx
@@ -1,10 +1,33 @@
 import { createRoot } from "react-dom/client";
 
 import "@mantine/core/styles.css";
-import { createTheme, MantineProvider } from "@mantine/core";
+import {
+  Badge,
+  Button,
+  createTheme,
+  MantineProvider,
+  Title,
+} from "@mantine/core";
 import { App } from "./pages/App";
 
 const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      defaultProps: {
+        fw: "normal",
+      },
+    }),
+    Badge: Badge.extend({
+      defaultProps: {
+        fw: "normal",
+      },
+    }),
+    Title: Title.extend({
+      defaultProps: {
+        fw: "normal",
+      },
+    }),
+  },
   fontFamily: `"Yusei Magic", sans-serif`,
   headings: { fontFamily: `"Yusei Magic", sans-serif` },
   primaryColor: "lime",

diff --git a/src/pages/components/Header.tsx b/src/pages/components/Header.tsx
@@ -4,9 +4,7 @@ import { MoonStars, Sun } from "@phosphor-icons/react";
 export const Header = () => {
   return (
     <Group bg="green" justify="space-between" p="md">
-      <Title fw="normal" c="white">
-        J∞マダミス部
-      </Title>
+      <Title c="white">J∞マダミス部</Title>
       <ColorModeToggle />
     </Group>
   );

diff --git a/src/pages/components/MadamisList.tsx b/src/pages/components/MadamisList.tsx
@@ -35,14 +35,10 @@ export const MadamisList = () => {
                   />
                 </Group>
                 <Group>
-                  <Badge
-                    size="xl"
-                    color={d.gmRequired ? "orange" : "cyan"}
-                    fw="normal"
-                  >
+                  <Badge size="xl" color={d.gmRequired ? "orange" : "cyan"}>
                     GM: {d.gmRequired ? "要" : "レス可"}
                   </Badge>
-                  <Badge size="xl" color="violet" fw="normal">
+                  <Badge size="xl" color="violet">
                     PL: {d.player}人
                   </Badge>
                   <ActionIcon size="lg" radius="xl" variant="light">