initial commit

src/themes/overrides/Badge.js

@@ -0,0 +1,41 @@
+// project import
+import getColors from 'utils/getColors';
+
+// ==============================|| BADGE - COLORS ||============================== //
+
+function getColorStyle({ color, theme }) {
+  const colors = getColors(theme, color);
+  const { lighter, main } = colors;
+
+  return {
+    color: main,
+    backgroundColor: lighter
+  };
+}
+
+// ==============================|| OVERRIDES - BADGE ||============================== //
+
+export default function Badge(theme) {
+  const defaultLightBadge = getColorStyle({ color: 'primary', theme });
+
+  return {
+    MuiBadge: {
+      styleOverrides: {
+        standard: {
+          minWidth: theme.spacing(2),
+          height: theme.spacing(2),
+          padding: theme.spacing(0.5)
+        },
+        light: {
+          ...defaultLightBadge,
+          '&.MuiBadge-colorPrimary': getColorStyle({ color: 'primary', theme }),
+          '&.MuiBadge-colorSecondary': getColorStyle({ color: 'secondary', theme }),
+          '&.MuiBadge-colorError': getColorStyle({ color: 'error', theme }),
+          '&.MuiBadge-colorInfo': getColorStyle({ color: 'info', theme }),
+          '&.MuiBadge-colorSuccess': getColorStyle({ color: 'success', theme }),
+          '&.MuiBadge-colorWarning': getColorStyle({ color: 'warning', theme })
+        }
+      }
+    }
+  };
+}