diff --git a/src/components/setting/mods/palette-switch.tsx b/src/components/setting/mods/palette-switch.tsx deleted file mode 100644 index 9f9c6b4..0000000 --- a/src/components/setting/mods/palette-switch.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { styled, Switch } from "@mui/material"; - -// todo: deprecated -// From: https://mui.com/components/switches/ -const PaletteSwitch = styled(Switch)(({ theme }) => ({ - width: 62, - height: 34, - padding: 7, - "& .MuiSwitch-switchBase": { - margin: 1, - padding: 0, - transform: "translateX(6px)", - "&.Mui-checked": { - color: "#fff", - transform: "translateX(22px)", - "& .MuiSwitch-thumb:before": { - backgroundImage: `url('data:image/svg+xml;utf8,')`, - }, - "& + .MuiSwitch-track": { - opacity: 1, - backgroundColor: theme.palette.mode === "dark" ? "#8796A5" : "#aab4be", - }, - }, - }, - "& .MuiSwitch-thumb": { - backgroundColor: theme.palette.mode === "dark" ? "#003892" : "#001e3c", - width: 32, - height: 32, - "&:before": { - content: "''", - position: "absolute", - width: "100%", - height: "100%", - left: 0, - top: 0, - backgroundRepeat: "no-repeat", - backgroundPosition: "center", - backgroundImage: `url('data:image/svg+xml;utf8,')`, - }, - }, - "& .MuiSwitch-track": { - opacity: 1, - backgroundColor: theme.palette.mode === "dark" ? "#8796A5" : "#aab4be", - borderRadius: 20 / 2, - }, -})); - -export default PaletteSwitch;