Skip to content

Commit

Permalink
Version 1.0.6.
Browse files Browse the repository at this point in the history
Bug fixed.
  • Loading branch information
ATATC committed Jun 27, 2023
1 parent c2ae76f commit 8e9f231
Show file tree
Hide file tree
Showing 4 changed files with 15 additions and 15 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "@atatctech/mui-theme",
"type": "module",
"version": "1.0.5",
"version": "1.0.6",
"author": "ATATC",
"description": "The ultimate dynamic theme-switching solution for MUI that adapts to SSR.",
"keywords": [
Expand Down
12 changes: 6 additions & 6 deletions src/switch.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion src/switch.js.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

14 changes: 7 additions & 7 deletions src/switch.ts
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
import {styled, Switch} from "@mui/material";

export const ThemeSwitch = styled(Switch)(({theme}) => ({
export const ThemeSwitch = styled(Switch)(({ theme }) => ({
width: 62,
height: 34,
padding: 7,
'& .ThemeSwitch-switchBase': {
'& .MuiSwitch-switchBase': {
margin: 1,
padding: 0,
transform: 'translateX(6px)',
'&.ThemeSwitch-checked': {
'&.Mui-checked': {
color: '#fff',
transform: 'translateX(22px)',
'& .ThemeSwitch-thumb:before': {
'& .MuiSwitch-thumb:before': {
backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 20 20"><path fill="${encodeURIComponent(
'#fff',
)}" d="M4.2 2.5l-.7 1.8-1.8.7 1.8.7.7 1.8.6-1.8L6.7 5l-1.9-.7-.6-1.8zm15 8.3a6.7 6.7 0 11-6.6-6.6 5.8 5.8 0 006.6 6.6z"/></svg>')`,
Expand All @@ -22,7 +22,7 @@ export const ThemeSwitch = styled(Switch)(({theme}) => ({
},
},
},
'& .ThemeSwitch-thumb': {
'& .MuiSwitch-thumb': {
backgroundColor: theme.palette.mode === 'dark' ? '#003892' : '#001e3c',
width: 32,
height: 32,
Expand All @@ -40,9 +40,9 @@ export const ThemeSwitch = styled(Switch)(({theme}) => ({
)}" d="M9.305 1.667V3.75h1.389V1.667h-1.39zm-4.707 1.95l-.982.982L5.09 6.072l.982-.982-1.473-1.473zm10.802 0L13.927 5.09l.982.982 1.473-1.473-.982-.982zM10 5.139a4.872 4.872 0 00-4.862 4.86A4.872 4.872 0 0010 14.862 4.872 4.872 0 0014.86 10 4.872 4.872 0 0010 5.139zm0 1.389A3.462 3.462 0 0113.471 10a3.462 3.462 0 01-3.473 3.472A3.462 3.462 0 016.527 10 3.462 3.462 0 0110 6.528zM1.665 9.305v1.39h2.083v-1.39H1.666zm14.583 0v1.39h2.084v-1.39h-2.084zM5.09 13.928L3.616 15.4l.982.982 1.473-1.473-.982-.982zm9.82 0l-.982.982 1.473 1.473.982-.982-1.473-1.473zM9.305 16.25v2.083h1.389V16.25h-1.39z"/></svg>')`,
},
},
'& .ThemeSwitch-track': {
'& .MuiSwitch-track': {
opacity: 1,
backgroundColor: theme.palette.mode === 'dark' ? '#8796A5' : '#aab4be',
borderRadius: 20 / 2,
}
},
}));

0 comments on commit 8e9f231

Please sign in to comment.