groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: auto format whole project

Browse Source
This commit is contained in:
Ali BARIN
2022-11-05 23:57:33 +01:00
parent e338770e57
commit 475f24f661
199 changed files with 2421 additions and 1839 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
packages/web/src/styles/theme.ts
View File

@@ -9,52 +9,52 @@ const extendedTheme = createTheme({
main: '#0059F7',
light: '#4286FF',
dark: '#001F52',
contrastText: '#fff'
contrastText: '#fff',
},
divider: 'rgba(194, 194, 194, .2)',
common: {
black: '#1D1D1D',
white: '#fff'
white: '#fff',
},
text: {
primary: '#001F52',
secondary: '#5C5C5C',
disabled: '#C2C2C2'
disabled: '#C2C2C2',
},
error: {
main: '#F44336',
light: '#F88078',
dark: '#E31B0C',
contrastText: '#fff'
contrastText: '#fff',
},
success: {
main: '#4CAF50',
light: '#7BC67E',
dark: '#3B873E',
contrastText: '#fff'
contrastText: '#fff',
},
warning: {
main: '#ED6C02',
light: '#FFB547',
dark: '#C77700',
contrastText: 'rgba(0, 0, 0, 0.87)'
contrastText: 'rgba(0, 0, 0, 0.87)',
},
secondary: {
main: '#F50057',
light: '#FF4081',
dark: '#C51162',
contrastText: '#fff'
contrastText: '#fff',
},
info: {
main: '#6B6F8D',
light: '#CED0E4',
dark: '#484B6C',
contrastText: '#fff'
contrastText: '#fff',
},
background: {
paper: '#fff',
default: '#FAFAFA'
}
default: '#FAFAFA',
},
},
shape: {
borderRadius: 4,
@@ -74,7 +74,7 @@ const extendedTheme = createTheme({
fontWeight: 700,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(48),
}
},
},
h2: {
fontSize: referenceTheme.typography.pxToRem(48),
@@ -82,7 +82,7 @@ const extendedTheme = createTheme({
fontWeight: 700,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(24),
}
},
},
h3: {
fontSize: referenceTheme.typography.pxToRem(32),
@@ -90,7 +90,7 @@ const extendedTheme = createTheme({
fontWeight: 700,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(24),
}
},
},
h4: {
fontSize: referenceTheme.typography.pxToRem(32),
@@ -98,7 +98,7 @@ const extendedTheme = createTheme({
fontWeight: 700,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(16),
}
},
},
h5: {
fontSize: referenceTheme.typography.pxToRem(24),
@@ -106,7 +106,7 @@ const extendedTheme = createTheme({
fontWeight: 400,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(16),
}
},
},
h6: {
fontSize: referenceTheme.typography.pxToRem(20),
@@ -114,7 +114,7 @@ const extendedTheme = createTheme({
fontWeight: 500,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(20),
}
},
},
subtitle1: {
fontSize: referenceTheme.typography.pxToRem(14),
@@ -131,7 +131,7 @@ const extendedTheme = createTheme({
fontWeight: 400,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(14),
}
},
},
body1: {
fontSize: referenceTheme.typography.pxToRem(16),
@@ -139,7 +139,7 @@ const extendedTheme = createTheme({
fontWeight: 400,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(16),
}
},
},
body2: {
fontSize: referenceTheme.typography.pxToRem(16),
@@ -147,15 +147,15 @@ const extendedTheme = createTheme({
fontWeight: 700,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(16),
}
},
},
button: {
fontSize: referenceTheme.typography.pxToRem(16),
fontWeight: 700,
[referenceTheme.breakpoints.down('sm')]: {
fontSize: referenceTheme.typography.pxToRem(16),
}
}
},
},
},
components: {
MuiAppBar: {
@@ -172,12 +172,12 @@ const extendedTheme = createTheme({
MuiBackdrop: {
styleOverrides: {
root: {
background: 'rgba(0, 8, 20, 0.64)'
background: 'rgba(0, 8, 20, 0.64)',
},
invisible: {
background: 'transparent',
}
}
},
},
},
MuiButton: {
styleOverrides: {
@@ -192,8 +192,8 @@ const extendedTheme = createTheme({
},
sizeSmall: {
padding: '6px 10px',
}
}
},
},
},
MuiCardActionArea: {
styleOverrides: {
@@ -205,14 +205,14 @@ const extendedTheme = createTheme({
},
[`&:hover .${cardActionAreaClasses.focusHighlight}`]: {
opacity: 1,
}
})
}
},
}),
},
},
MuiContainer: {
defaultProps: {
maxWidth: 'xl',
}
},
},
MuiCssBaseline: {
styleOverrides: {
@@ -223,8 +223,8 @@ const extendedTheme = createTheme({
textDecoration: 'none',
},
'#root': {
height: '100vh'
}
height: '100vh',
},
},
},
MuiDialog: {
@@ -232,24 +232,24 @@ const extendedTheme = createTheme({
paperWidthSm: ({ theme }) => ({
margin: theme.spacing(4, 3),
width: `calc(100% - ${theme.spacing(6)})`,
})
}
}),
},
},
MuiDialogContent: {
styleOverrides: {
root: ({ theme }) => ({
'&&': {
paddingTop: theme.spacing(2),
}
},
}),
}
},
},
MuiDialogTitle: {
styleOverrides: {
root: ({ theme }) => ({
paddingTop: theme.spacing(3),
})
}
}),
},
},
MuiOutlinedInput: {
styleOverrides: {
@@ -257,14 +257,14 @@ const extendedTheme = createTheme({
// 1.5625 = 12.5px based on 1 = 8px
padding: theme.spacing(1.5625, 1.75),
}),
}
},
},
MuiTab: {
styleOverrides: {
root: ({ theme }) => ({
[theme.breakpoints.up('sm')]: {
padding: theme.spacing(1.5, 3),
}
},
}),
},
},
@@ -275,9 +275,9 @@ const extendedTheme = createTheme({
paddingRight: theme.spacing(1.5),
},
}),
}
}
}
},
},
},
});
export default extendedTheme;