amir/Account
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(theme): define palette and typographies and override mui styles with this values, also add rtlProvider

Browse Source
This commit is contained in:
Sajad Mirjalili
2025-07-15 17:14:38 +03:30
parent 76d728c2b5
commit b42f6c37b9
16 changed files with 642 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/theme/colorTmp.ts Normal file
View File

@@ -0,0 +1,188 @@
export const PALETTE = {
primary: {
light: {
main: '#212121',
dark: '#000000',
light: '#616161',
contrastText: '#FFFFFF',
hover: '#21212104',
selected: '#21212108',
focus: '#21212112',
focusVisible: '#21212130',
outlinedBorder: '#21212150',
},
// TODO
dark: {
main: '#64b5f6',
light: '#90caf9',
dark: '#42a5f5',
contrastText: 'rgba(0, 0, 0, 0.87)',
},
},
secondary: {
light: {
main: '#FF5722',
dark: '#E64A19',
light: '#FF8A65',
contrastText: '#FFFFFF',
hover: '#FF572204',
selected: '#FF572208',
focus: '#FF572212',
focusVisible: '#FF572230',
outlinedBorder: '#FF572250',
},
// TODO
dark: {
main: '#ce93d8',
light: '#f3e5f5',
dark: '#ab47bc',
contrastText: 'rgba(0, 0, 0, 0.87)',
},
},
action: {
light: {
action: '#00000056',
hover: '#00000004',
selected: '#00000008',
focus: '#00000012',
disabled: '#00000038',
disabledBackground: '#00000012',
},
// TODO
dark: {
action: '#FFFFFF56',
hover: '#FFFFFF04',
selected: '#FFFFFF08',
focus: '#FFFFFF12',
disabled: '#FFFFFF38',
disabledBackground: '#FFFFFF12',
},
},
error: {
light: {
main: '#E53935',
dark: '#C62828',
light: '#EF5350',
contrast: '#FFFFFF',
hover: '#D32F2F04',
selected: '#D32F2F08',
focusVisible: '#D32F2F30',
outlinedBorder: '#D32F2F50',
},
// TODO
dark: {
main: '#E53935',
dark: '#C62828',
light: '#EF5350',
contrast: '#FFFFFF',
hover: '#D32F2F04',
selected: '#D32F2F08',
focusVisible: '#D32F2F30',
outlinedBorder: '#D32F2F50',
},
},
warning: {
light: {
main: '#EF6C00',
dark: '#E65100',
light: '#FF9800',
contrast: '#FFFFFF',
hover: '#EF6C0004',
selected: '#EF6C0008',
focusVisible: '#EF6C0030',
outlinedBorder: '#EF6C0050',
},
// TODO
dark: {
main: '#EF6C00',
dark: '#E65100',
light: '#FF9800',
contrast: '#FFFFFF',
hover: '#EF6C0004',
selected: '#EF6C0008',
focusVisible: '#EF6C0030',
outlinedBorder: '#EF6C0050',
},
},
info: {
light: {
main: '#29B6F6',
dark: '#0288D1',
light: '#4FC3F7',
contrast: '#FFFFFF',
hover: '#0288D104',
selected: '#0288D108',
focusVisible: '#0288D130',
outlinedBorder: '#0288D150',
},
// TODO
dark: {
main: '#29B6F6',
dark: '#0288D1',
light: '#4FC3F7',
contrast: '#FFFFFF',
hover: '#0288D104',
selected: '#0288D108',
focusVisible: '#0288D130',
outlinedBorder: '#0288D150',
},
},
success: {
light: {
main: '#43A047',
dark: '#1B5E20',
light: '#81C784',
contrast: '#FFFFFF',
hover: '#2E7D3204',
selected: '#2E7D3208',
focusVisible: '#2E7D3230',
outlinedBorder: '#2E7D3250',
},
// TODO
dark: {
main: '#43A047',
dark: '#1B5E20',
light: '#81C784',
contrast: '#FFFFFF',
hover: '#2E7D3204',
selected: '#2E7D3208',
focusVisible: '#2E7D3230',
outlinedBorder: '#2E7D3250',
},
},
// Background colors
background: {
light: {
default: '#FAFAFA',
},
dark: {
default: '#121212',
},
},
// Text colors
text: {
light: {
primary: '#000000',
secondary: '#424242',
tertiary: '#757575',
disabled: '#00000038',
hover: '#00000004',
selected: '#00000008',
divider: '#E0E0E0',
focus: '#00000012',
focusVisible: '#00000030',
},
// TODO
dark: {
primary: '#FFFFFF',
secondary: '#424242',
tertiary: '#757575',
disabled: '#FFFFFF38',
hover: '#FFFFFF04',
selected: '#FFFFFF08',
divider: '#E0E0E0',
focus: '#FFFFFF12',
focusVisible: '#FFFFFF30',
},
},
};