new-log-viewer: Override JoyUI fontFamily and radius properties globally. (#83)

Author: junhaoliao

new-log-viewer/src/components/theme.tsx

@@ -37,38 +37,11 @@ const APP_THEME = extendTheme({
             },
         },
     },
-    focus: {
-        default: {
-            outlineWidth: "3px",
-        },
-    },
-    fontFamily: {
-        body: "var(--ylv-ui-font-family)",
-    },
     components: {
-        JoyButton: {
-            styleOverrides: {
-                root: {
-                    borderRadius: "2px",
-                },
-            },
-        },
         JoySelect: {
             defaultProps: {
                 indicator: <KeyboardArrowDown/>,
             },
-            styleOverrides: {
-                root: {
-                    borderRadius: "2px",
-                },
-            },
-        },
-        JoyInput: {
-            styleOverrides: {
-                root: {
-                    borderRadius: "2px",
-                },
-            },
         },
         JoyFormControl: {
             styleOverrides: {
@@ -83,6 +56,18 @@ const APP_THEME = extendTheme({
             },
         },
     },
+    fontFamily: {
+        body: "var(--ylv-ui-font-family)",
+    },
+    radius: {
+        /* eslint-disable sort-keys */
+        xs: "2px",
+        sm: "2px",
+        md: "2px",
+        lg: "2px",
+        xl: "2px",
+        /* eslint-enable sort-keys */
+    },
 });
 
 export default APP_THEME;