nuke theme

2025-12-08 19:55:29 +00:00
1 parent 32fbb8f434
commit dd463bb60b
@@ -18,9 +18,6 @@ export const ButtonInput = ({ sx, ...props }: ButtonProps) => {
        boxShadow: "none",
        "&:hover": {
          boxShadow: "none",
-          backgroundColor: props.color === "primary"
-            ? theme.palette.tertiary.main
-            : undefined,
        },
        ...sx,
      }}
@@ -26,9 +26,9 @@ export const CheckboxInput = forwardRef<HTMLInputElement, CheckboxInputProps>(
        checkedIcon={<SquareCheck size={16} strokeWidth={1.5} />}
        sx={{
          padding: 0,
-          color: theme.palette.primary.contrastTextTertiary,
+          color: theme.palette.text.secondary,
          "&.Mui-checked": {
-            color: theme.palette.accent.main,
+            color: theme.palette.primary.main,
          },
          "&:hover": { backgroundColor: "transparent" },
          "& svg": {
@@ -29,17 +29,17 @@ export const DateTimePicker = forwardRef<HTMLDivElement, CustomDateTimePickerPro
            "& .MuiPickersOutlinedInput-root ": {
              height: 34,
              borderRadius: theme.shape.borderRadius,
-              borderColor: theme.palette.primary.lowContrast,
+              borderColor: theme.palette.divider,
            },
            "& .MuiPickersOutlinedInput-notchedOutline": {
-              borderColor: theme.palette.primary.lowContrast,
+              borderColor: theme.palette.divider,
            },
            "&:hover .MuiPickersOutlinedInput-notchedOutline": {
-              borderColor: theme.palette.primary.lowContrast,
+              borderColor: theme.palette.divider,
            },
            "& .MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-focused:not(.Mui-error) .MuiPickersOutlinedInput-notchedOutline":
              {
-                borderColor: theme.palette.accent.main,
+              borderColor: theme.palette.primary.main,
              },
            "& .MuiFormHelperText-root": {
              marginLeft: 0,
@@ -12,7 +12,7 @@ export const DialogInput = ({
  content,
  onConfirm,
  onCancel,
-  confirmColor = "accent",
+  confirmColor = "primary",
  cancelColor = "error",
  loading = false,
 }: {
@@ -21,8 +21,8 @@ export const DialogInput = ({
  content?: string;
  onConfirm?(item: any): any;
  onCancel?(item: any): any;
-  confirmColor?: "error" | "accent";
-  cancelColor?: "error" | "accent";
+  confirmColor?: "error" | "primary";
+  cancelColor?: "error" | "primary";
  loading?: boolean;
 }) => {
  return (
@@ -21,7 +21,7 @@ export const FieldLabel: React.FC<FieldLabelProps> = ({
      sx={{
        fontSize: "14px",
        fontWeight: 500,
-        color: theme.palette.primary.contrastTextSecondary,
+        color: theme.palette.text.secondary,
        marginBottom: theme.spacing(2),
        display: "block",
      }}
@@ -17,11 +17,11 @@ export const RadioInput: React.FC<RadioInputProps> = ({ ...props }) => {
      sx={{
        padding: 0,
        mt: theme.spacing(0.5),
-        color: theme.palette.primary.contrastTextTertiary,
+        color: theme.palette.text.secondary,
        "&.Mui-checked": {
-          color: theme.palette.accent.main,
+          color: theme.palette.primary.main,
          "& svg circle": {
-            fill: theme.palette.accent.main,
+            fill: theme.palette.primary.main,
          },
        },
        "& .MuiSvgIcon-root": {
@@ -51,7 +51,7 @@ export const RadioWithDescription: React.FC<
          <Typography component="p">{label}</Typography>
          <Typography
            component="h6"
-            color={theme.palette.primary.contrastTextSecondary}
+            color={theme.palette.text.secondary}
          >
            {description}
          </Typography>
@@ -64,7 +64,7 @@ export const RadioWithDescription: React.FC<
        borderRadius: theme.shape.borderRadius,

        "&:hover": {
-          backgroundColor: theme.palette.tertiary.main,
+          backgroundColor: theme.palette.background.paper,
        },
        "& .MuiButtonBase-root": {
          p: 0,
@@ -83,10 +83,10 @@ export const SelectInput = <T,>({
        },
        "& .MuiOutlinedInput-notchedOutline": {
          borderRadius: theme.shape.borderRadius,
-          borderColor: theme.palette.primary.lowContrast,
+          borderColor: theme.palette.divider,
        },
        "&:hover .MuiOutlinedInput-notchedOutline": {
-          borderColor: theme.palette.primary.lowContrast,
+          borderColor: theme.palette.divider,
        },
        ...props.sx,
      }}
@@ -22,7 +22,7 @@ export const SwitchComponent = forwardRef<HTMLInputElement, SwitchProps>(
              "&.Mui-checked": {
                color: "#E0E0E0",
                "& + .MuiSwitch-track": {
-                  backgroundColor: theme.palette.accent.main,
+                  backgroundColor: theme.palette.primary.main,
                  opacity: 1,
                  border: 0,
                },
@@ -29,7 +29,7 @@ export const LogoutSwitch = () => {
          },
          "&:hover svg path, &:hover svg line, &:hover svg polyline, &:hover svg rect, &:hover svg circle":
            {
-              stroke: theme.palette.accent.main,
+            stroke: theme.palette.primary.main,
            },
        }}
      >
@@ -77,7 +77,7 @@ export const SettingsSwitch = () => {
            },
            "&:hover svg path, &:hover svg line, &:hover svg polyline, &:hover svg rect, &:hover svg circle":
              {
-                stroke: theme.palette.accent.main,
+                stroke: theme.palette.primary.main,
              },
          }}
        >
@@ -58,7 +58,7 @@ export const TeamSwitch = () => {
            },
            "&:hover svg path, &:hover svg line, &:hover svg polyline, &:hover svg rect, &:hover svg circle":
              {
-                stroke: theme.palette.accent.main,
+                stroke: theme.palette.primary.main,
              },
          }}
        >
@@ -30,7 +30,7 @@ export const ThemeSwitch = () => {
          },
          "&:hover svg path, &:hover svg line, &:hover svg polyline, &:hover svg rect, &:hover svg circle":
            {
-              stroke: theme.palette.accent.main,
+              stroke: theme.palette.primary.main,
            },
        }}
      >
@@ -26,10 +26,10 @@ export const TextInput = forwardRef<HTMLInputElement, TextInputProps>(
            fontSize: typographyLevels.base,
          },
          "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme.palette.primary.lowContrast,
+            borderColor: theme.palette.divider,
          },
          "&:hover .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme.palette.primary.lowContrast,
+            borderColor: theme.palette.divider,
          },
          "& .MuiFormHelperText-root": {
            marginLeft: 0,
@@ -21,7 +21,7 @@ export const TextLink = ({
  return (
    <Stack direction="row" gap={theme.spacing(4)}>
      <Typography>{text}</Typography>
-      <Link color="accent" to={href} component={RouterLink} target={target}>
+      <Link color="primary" to={href} component={RouterLink} target={target}>
        {linkText}
      </Link>
    </Stack>