first

2023-11-27 17:09:27 +05:30
commit 7113ac0681
223 changed files with 56261 additions and 0 deletions
--- a/src/themes/overrides/Slider.js
+++ b/src/themes/overrides/Slider.js
@@ -0,0 +1,69 @@
+// project import
+import getColors from 'utils/getColors';
+
+// ==============================|| OVERRIDES - SLIDER ||============================== //
+
+function getColorStyle({ color, theme }) {
+  const colors = getColors(theme, color);
+  const { main } = colors;
+
+  return {
+    border: `2px solid ${main}`
+  };
+}
+
+export default function Slider(theme) {
+  return {
+    MuiSlider: {
+      styleOverrides: {
+        track: {
+          height: '1px'
+        },
+        thumb: {
+          width: 14,
+          height: 14,
+          border: `2px solid ${theme.palette.primary.main}`,
+          backgroundColor: theme.palette.background.paper,
+          '&.MuiSlider-thumbColorPrimary': getColorStyle({ color: 'primary', theme }),
+          '&.MuiSlider-thumbColorSecondary': getColorStyle({ color: 'secondary', theme }),
+          '&.MuiSlider-thumbColorSuccess': getColorStyle({ color: 'success', theme }),
+          '&.MuiSlider-thumbColorWarning': getColorStyle({ color: 'warning', theme }),
+          '&.MuiSlider-thumbColorInfo': getColorStyle({ color: 'info', theme }),
+          '&.MuiSlider-thumbColorError': getColorStyle({ color: 'error', theme })
+        },
+        mark: {
+          width: 4,
+          height: 4,
+          borderRadius: '50%',
+          border: `1px solid ${theme.palette.secondary.light}`,
+          backgroundColor: theme.palette.background.paper,
+          '&.MuiSlider-markActive': {
+            opacity: 1,
+            borderColor: 'inherit',
+            borderWidth: 2
+          }
+        },
+        rail: {
+          color: theme.palette.secondary.light
+        },
+        root: {
+          '&.Mui-disabled': {
+            '.MuiSlider-rail': {
+              opacity: 0.25
+            },
+            '.MuiSlider-track': {
+              color: theme.palette.secondary.lighter
+            },
+            '.MuiSlider-thumb': {
+              border: `2px solid ${theme.palette.secondary.lighter}`
+            }
+          }
+        },
+        valueLabel: {
+          backgroundColor: theme.palette.grey[600],
+          color: theme.palette.grey[0]
+        }
+      }
+    }
+  };
+}