@selfcommunity/react-theme-default 1.2.0-alpha.3 → 1.2.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/lib/cjs/components/SCAccordionLessons.d.ts +2 -2
  2. package/lib/cjs/components/SCAccordionLessons.js +2 -4
  3. package/lib/cjs/components/SCAddUsersButton.d.ts +7 -2
  4. package/lib/cjs/components/SCAddUsersButton.js +6 -4
  5. package/lib/cjs/components/SCCategoryAutocomplete.d.ts +2 -2
  6. package/lib/cjs/components/SCCategoryAutocomplete.js +2 -5
  7. package/lib/cjs/components/SCCategoryFollowersButton.js +4 -1
  8. package/lib/cjs/components/SCCourseDashboard.d.ts +5 -3
  9. package/lib/cjs/components/SCCourseDashboard.js +6 -6
  10. package/lib/cjs/components/SCCourseForm.d.ts +8 -2
  11. package/lib/cjs/components/SCCourseForm.js +8 -4
  12. package/lib/cjs/components/SCCourseParticipantsButton.d.ts +5 -2
  13. package/lib/cjs/components/SCCourseParticipantsButton.js +8 -5
  14. package/lib/cjs/components/SCCourseUsersTable.d.ts +8 -2
  15. package/lib/cjs/components/SCCourseUsersTable.js +8 -4
  16. package/lib/cjs/components/SCEditCourse.d.ts +9 -3
  17. package/lib/cjs/components/SCEditCourse.js +9 -7
  18. package/lib/cjs/components/SCEventHeader.d.ts +3 -6
  19. package/lib/cjs/components/SCEventHeader.js +16 -15
  20. package/lib/cjs/components/SCFeedObject.d.ts +6 -1
  21. package/lib/cjs/components/SCFeedObject.js +7 -2
  22. package/lib/cjs/components/SCGroupMembersButton.js +4 -1
  23. package/lib/cjs/components/SCInlineComposerWidget.js +1 -1
  24. package/lib/cjs/components/SCNavigationSettingsIconButton.d.ts +1 -1
  25. package/lib/cjs/components/SCNavigationSettingsIconButton.js +1 -4
  26. package/lib/cjs/components/SCPrivateMessageThread.js +6 -2
  27. package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +3 -0
  28. package/lib/cjs/components/SCPrivateMessageThreadItem.js +3 -0
  29. package/lib/cjs/components/SCUser.d.ts +2 -2
  30. package/lib/cjs/components/SCUser.js +2 -5
  31. package/lib/cjs/components/SCWidget.d.ts +1 -1
  32. package/lib/cjs/components/SCWidget.js +1 -2
  33. package/lib/cjs/index.d.ts +63 -32
  34. package/lib/esm/components/SCAccordionLessons.d.ts +2 -2
  35. package/lib/esm/components/SCAccordionLessons.js +3 -5
  36. package/lib/esm/components/SCAddUsersButton.d.ts +7 -2
  37. package/lib/esm/components/SCAddUsersButton.js +6 -4
  38. package/lib/esm/components/SCCategoryAutocomplete.d.ts +2 -2
  39. package/lib/esm/components/SCCategoryAutocomplete.js +2 -5
  40. package/lib/esm/components/SCCategoryFollowersButton.js +4 -1
  41. package/lib/esm/components/SCCourseDashboard.d.ts +5 -3
  42. package/lib/esm/components/SCCourseDashboard.js +6 -6
  43. package/lib/esm/components/SCCourseForm.d.ts +8 -2
  44. package/lib/esm/components/SCCourseForm.js +9 -5
  45. package/lib/esm/components/SCCourseParticipantsButton.d.ts +5 -2
  46. package/lib/esm/components/SCCourseParticipantsButton.js +8 -5
  47. package/lib/esm/components/SCCourseUsersTable.d.ts +8 -2
  48. package/lib/esm/components/SCCourseUsersTable.js +8 -4
  49. package/lib/esm/components/SCEditCourse.d.ts +9 -3
  50. package/lib/esm/components/SCEditCourse.js +10 -8
  51. package/lib/esm/components/SCEventHeader.d.ts +3 -6
  52. package/lib/esm/components/SCEventHeader.js +16 -15
  53. package/lib/esm/components/SCFeedObject.d.ts +6 -1
  54. package/lib/esm/components/SCFeedObject.js +7 -2
  55. package/lib/esm/components/SCGroupMembersButton.js +4 -1
  56. package/lib/esm/components/SCInlineComposerWidget.js +1 -1
  57. package/lib/esm/components/SCNavigationSettingsIconButton.d.ts +1 -1
  58. package/lib/esm/components/SCNavigationSettingsIconButton.js +1 -4
  59. package/lib/esm/components/SCPrivateMessageThread.js +6 -2
  60. package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +3 -0
  61. package/lib/esm/components/SCPrivateMessageThreadItem.js +3 -0
  62. package/lib/esm/components/SCUser.d.ts +2 -2
  63. package/lib/esm/components/SCUser.js +2 -5
  64. package/lib/esm/components/SCWidget.d.ts +1 -1
  65. package/lib/esm/components/SCWidget.js +1 -2
  66. package/lib/esm/index.d.ts +63 -32
  67. package/lib/umd/react-theme-default.js +1 -1
  68. package/package.json +2 -2
package/lib/esm/components/SCCourseUsersTable.js CHANGED
@@ -13,10 +13,11 @@ const Component = {
13
13
  [theme.breakpoints.up('sm')]: {
14
14
  padding: theme.spacing(2)
15
15
  },
16
- '& .SCCourseUsersTable-contrast-color': {
17
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
18
- ? lighten(theme.palette.common.white, 0.5)
19
- : darken(theme.palette.common.white, 0.5)
16
+ '& .SCCourseUsersTable-default-contrast-color': {
17
+ color: theme.palette.getContrastText(theme.palette.background.default)
18
+ },
19
+ '& .SCCourseUsersTable-paper-contrast-color': {
20
+ color: theme.palette.getContrastText(theme.palette.background.paper)
20
21
  },
21
22
  '& .SCCourseUsersTable-search': {
22
23
  '& > .MuiInputBase-root': {
@@ -73,6 +74,9 @@ const Component = {
73
74
  paddingTop: theme.spacing(3)
74
75
  }),
75
76
  dialogRoot: ({ theme }) => ({
77
+ '& .SCCourseUsersTable-dialog-paper-contrast-color': {
78
+ color: theme.palette.getContrastText(theme.palette.background.paper)
79
+ },
76
80
  '& .MuiDialogTitle-root': {
77
81
  color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
78
82
  ? lighten(theme.palette.common.white, 0.5)
package/lib/esm/components/SCEditCourse.d.ts CHANGED
@@ -6,8 +6,11 @@ declare const Component: {
6
6
  [x: number]: {
7
7
  marginBottom: string;
8
8
  };
9
- '& .SCEditCourse-contrast-color': {
10
- color: string;
9
+ '& .SCEditCourse-default-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCEditCourse-paper-contrast-color': {
13
+ color: any;
11
14
  };
12
15
  '& .SCEditCourse-header': {
13
16
  [x: number]: {
@@ -168,8 +171,11 @@ declare const Component: {
168
171
  gap: string;
169
172
  '& .SCEditCourse-change-lesson-status-published-wrapper': {
170
173
  backgroundColor: any;
174
+ '& .MuiTypography-root': {
175
+ color: any;
176
+ };
171
177
  '& .MuiIcon-root': {
172
- color: string;
178
+ color: any;
173
179
  };
174
180
  };
175
181
  '& .SCEditCourse-change-lesson-status-icon-draft': {
package/lib/esm/components/SCEditCourse.js CHANGED
@@ -1,14 +1,15 @@
1
- import { darken, getContrastRatio, lighten } from '@mui/material';
1
+ import { getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => ({
5
5
  [theme.breakpoints.down('sm')]: {
6
6
  marginBottom: '56px'
7
7
  },
8
- '& .SCEditCourse-contrast-color': {
9
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
10
- ? lighten(theme.palette.common.white, 0.5)
11
- : darken(theme.palette.common.white, 0.5)
8
+ '& .SCEditCourse-default-contrast-color': {
9
+ color: theme.palette.getContrastText(theme.palette.background.default)
10
+ },
11
+ '& .SCEditCourse-paper-contrast-color': {
12
+ color: theme.palette.getContrastText(theme.palette.background.paper)
12
13
  },
13
14
  '& .SCEditCourse-header': {
14
15
  flexDirection: 'row',
@@ -191,10 +192,11 @@ const Component = {
191
192
  backgroundColor: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
192
193
  ? theme.palette.primary.dark
193
194
  : theme.palette.primary.main,
195
+ '& .MuiTypography-root': {
196
+ color: theme.palette.common.white
197
+ },
194
198
  '& .MuiIcon-root': {
195
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
196
- ? lighten(theme.palette.common.white, 0.5)
197
- : darken(theme.palette.common.white, 0.5)
199
+ color: theme.palette.common.white
198
200
  }
199
201
  },
200
202
  '& .SCEditCourse-change-lesson-status-icon-draft': {
package/lib/esm/components/SCEventHeader.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme, isEventAdmin, isEventFinished }: any) => {
4
- '& .SCEventHeader-contrast-color': {
5
- color: string;
6
- };
7
4
  '& .SCEventHeader-cover': {
8
5
  [x: number]: {
9
6
  borderRadius: any;
@@ -53,7 +50,7 @@ declare const Component: {
53
50
  textTransform: string;
54
51
  fontSize: string;
55
52
  fontWeight: any;
56
- color: string;
53
+ color: any;
57
54
  paddingLeft: any;
58
55
  };
59
56
  '& .SCEventHeader-info': {
@@ -62,7 +59,7 @@ declare const Component: {
62
59
  fontSize: string;
63
60
  fontWeight: any;
64
61
  paddingLeft: any;
65
- color: string;
62
+ color: any;
66
63
  };
67
64
  '& .SCEventHeader-visibility': {
68
65
  display: string;
@@ -73,7 +70,7 @@ declare const Component: {
73
70
  '& .SCEventHeader-visibility-item': {
74
71
  fontSize: any;
75
72
  fontWeight: any;
76
- color: string;
73
+ color: any;
77
74
  display: string;
78
75
  justifyContent: string;
79
76
  alignItems: string;
package/lib/esm/components/SCEventHeader.js CHANGED
@@ -2,11 +2,6 @@ import { alpha, darken, getContrastRatio, lighten } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme, isEventAdmin, isEventFinished }) => ({
5
- '& .SCEventHeader-contrast-color': {
6
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
7
- ? lighten(theme.palette.common.white, 0.5)
8
- : darken(theme.palette.common.white, 0.5)
9
- },
10
5
  '& .SCEventHeader-cover': {
11
6
  position: 'relative',
12
7
  minHeight: 150,
@@ -47,7 +42,7 @@ const Component = {
47
42
  '& .SCEventHeader-chip': {
48
43
  marginLeft: theme.spacing(2),
49
44
  marginBottom: theme.spacing(),
50
- border: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
45
+ border: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
51
46
  ? '1px solid rgba(255, 255, 255, 0.12)'
52
47
  : `1px solid ${theme.palette.grey[400]}`,
53
48
  '& .SCEventHeader-chip-icon': {
@@ -58,9 +53,11 @@ const Component = {
58
53
  textTransform: 'uppercase',
59
54
  fontSize: '1.143rem',
60
55
  fontWeight: theme.typography.fontWeightLight,
61
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
62
- ? lighten(isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary, 0.5)
63
- : darken(isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary, 0.5),
56
+ color: isEventFinished
57
+ ? getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
58
+ ? lighten(theme.palette.grey[500], 0.5)
59
+ : darken(theme.palette.grey[500], 0.5)
60
+ : theme.palette.getContrastText(theme.palette.background.default),
64
61
  paddingLeft: theme.spacing(2)
65
62
  },
66
63
  '& .SCEventHeader-info': {
@@ -69,9 +66,11 @@ const Component = {
69
66
  fontSize: '1.857rem',
70
67
  fontWeight: theme.typography.fontWeightBold,
71
68
  paddingLeft: theme.spacing(2),
72
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
73
- ? lighten(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
74
- : darken(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
69
+ color: isEventFinished
70
+ ? getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
71
+ ? lighten(theme.palette.grey[500], 0.5)
72
+ : darken(theme.palette.grey[500], 0.5)
73
+ : theme.palette.getContrastText(theme.palette.background.default)
75
74
  },
76
75
  '& .SCEventHeader-visibility': {
77
76
  display: 'flex',
@@ -82,9 +81,11 @@ const Component = {
82
81
  '& .SCEventHeader-visibility-item': {
83
82
  fontSize: theme.typography.fontSize,
84
83
  fontWeight: theme.typography.fontWeightLight,
85
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
86
- ? lighten(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
87
- : darken(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5),
84
+ color: isEventFinished
85
+ ? getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
86
+ ? lighten(theme.palette.grey[500], 0.5)
87
+ : darken(theme.palette.grey[500], 0.5)
88
+ : theme.palette.getContrastText(theme.palette.background.default),
88
89
  display: 'flex',
89
90
  justifyContent: 'center',
90
91
  alignItems: 'center',
package/lib/esm/components/SCFeedObject.d.ts CHANGED
@@ -2,6 +2,9 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
4
  width: string;
5
+ '& .SCFeedObject-paper-contrast-color': {
6
+ color: any;
7
+ };
5
8
  '& .SCFeedObject-title-section': {
6
9
  '& a': {
7
10
  textDecoration: string;
@@ -605,6 +608,8 @@ declare const Component: {
605
608
  };
606
609
  contributorsRoot: ({ theme }: any) => {
607
610
  '& .SCFeedObject-contributors-btn-participants': {
611
+ display: string;
612
+ gap: string;
608
613
  padding: any;
609
614
  marginLeft: any;
610
615
  color: string;
@@ -620,7 +625,7 @@ declare const Component: {
620
625
  "& .MuiAvatar-root": {
621
626
  backgroundColor: string;
622
627
  border: string;
623
- color: string;
628
+ color: any;
624
629
  fontSize: string;
625
630
  width: any;
626
631
  height: any;
package/lib/esm/components/SCFeedObject.js CHANGED
@@ -3,6 +3,9 @@ const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => ({
5
5
  width: '100%',
6
+ '& .SCFeedObject-paper-contrast-color': {
7
+ color: theme.palette.getContrastText(theme.palette.background.paper)
8
+ },
6
9
  '& .SCFeedObject-title-section': {
7
10
  '& a': {
8
11
  textDecoration: 'none'
@@ -614,6 +617,8 @@ const Component = {
614
617
  }),
615
618
  contributorsRoot: ({ theme }) => ({
616
619
  '& .SCFeedObject-contributors-btn-participants': {
620
+ display: 'flex',
621
+ gap: '4px',
617
622
  padding: theme.spacing(0.5),
618
623
  marginLeft: theme.spacing(-0.5),
619
624
  color: 'inherit',
@@ -628,8 +633,8 @@ const Component = {
628
633
  },
629
634
  ['& .MuiAvatar-root']: {
630
635
  backgroundColor: '#d5d5d5',
631
- border: '2px solid #FFF !important',
632
- color: '#FFF',
636
+ border: `1px solid ${theme.palette.common.white}`,
637
+ color: theme.palette.common.white,
633
638
  fontSize: '0.55rem',
634
639
  width: theme.selfcommunity.user.avatar.sizeSmall,
635
640
  height: theme.selfcommunity.user.avatar.sizeSmall,
package/lib/esm/components/SCGroupMembersButton.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { getContrastRatio } from '@mui/material';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme, subscribers }) => ({
@@ -15,7 +16,9 @@ const Component = {
15
16
  },
16
17
  '& .MuiAvatar-root': {
17
18
  height: theme.selfcommunity.user.avatar.sizeSmall,
18
- border: `1px solid ${theme.palette.common.white}`,
19
+ border: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
20
+ ? '1px solid rgba(255, 255, 255, 0.12)'
21
+ : `1px solid ${theme.palette.common.white}`,
19
22
  fontSize: '0.7rem',
20
23
  '&:first-of-type': {
21
24
  width: subscribers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
package/lib/esm/components/SCInlineComposerWidget.js CHANGED
@@ -16,7 +16,7 @@ const Component = {
16
16
  '& .MuiButton-root': {
17
17
  fontWeight: theme.typography.fontWeightMedium,
18
18
  letterSpacing: '0.17px',
19
- padding: theme.spacing(0.5, 0),
19
+ padding: theme.spacing(0.5, 0, 0.5, 1),
20
20
  '&:hover': {
21
21
  color: theme.palette.text.secondary,
22
22
  border: 'none'
package/lib/esm/components/SCNavigationSettingsIconButton.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const Component: {
9
9
  };
10
10
  };
11
11
  '& .SCNavigationSettingsIconButton-item': {
12
- color: string;
12
+ color: any;
13
13
  '& .MuiListItemIcon-root': {
14
14
  marginLeft: any;
15
15
  marginBottom: any;
package/lib/esm/components/SCNavigationSettingsIconButton.js CHANGED
@@ -1,4 +1,3 @@
1
- import { darken, getContrastRatio, lighten } from '@mui/material';
2
1
  const Component = {
3
2
  styleOverrides: {
4
3
  menuRoot: ({ theme }) => ({
@@ -10,9 +9,7 @@ const Component = {
10
9
  }
11
10
  },
12
11
  '& .SCNavigationSettingsIconButton-item': {
13
- color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
14
- ? lighten(theme.palette.common.white, 0.5)
15
- : darken(theme.palette.common.white, 0.5),
12
+ color: theme.palette.getContrastText(theme.palette.background.default),
16
13
  '& .MuiListItemIcon-root': {
17
14
  marginLeft: theme.spacing(0.5),
18
15
  marginBottom: theme.spacing(0.5),
package/lib/esm/components/SCPrivateMessageThread.js CHANGED
@@ -57,7 +57,9 @@ const Component = {
57
57
  }
58
58
  },
59
59
  '&.SCPrivateMessageThread-sender': {
60
- backgroundColor: theme.palette.grey[300],
60
+ backgroundColor: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
61
+ ? theme.palette.grey[600]
62
+ : theme.palette.grey[300],
61
63
  position: 'relative',
62
64
  marginLeft: 'auto',
63
65
  marginRight: theme.spacing(1),
@@ -65,7 +67,9 @@ const Component = {
65
67
  content: `""`,
66
68
  position: 'absolute',
67
69
  border: `${theme.spacing(3)} solid transparent`,
68
- borderTop: `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
70
+ borderTop: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
71
+ ? `${theme.spacing(3)} solid ${theme.palette.grey[600]}`
72
+ : `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
69
73
  top: theme.spacing(0),
70
74
  right: theme.spacing(-2)
71
75
  }
package/lib/esm/components/SCPrivateMessageThreadItem.d.ts CHANGED
@@ -6,6 +6,9 @@ declare const Component: {
6
6
  padding: any;
7
7
  boxShadow: string;
8
8
  marginBottom: any;
9
+ '& .SCPrivateMessageThreadItem-paper-contrast-color': {
10
+ color: any;
11
+ };
9
12
  '& .MuiListItemSecondaryAction-root': {
10
13
  right: number;
11
14
  top: any;
package/lib/esm/components/SCPrivateMessageThreadItem.js CHANGED
@@ -6,6 +6,9 @@ const Component = {
6
6
  padding: theme.spacing(2, 4, 4, 2),
7
7
  boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
8
8
  marginBottom: theme.spacing(1),
9
+ '& .SCPrivateMessageThreadItem-paper-contrast-color': {
10
+ color: theme.palette.getContrastText(theme.palette.background.paper)
11
+ },
9
12
  '& .MuiListItemSecondaryAction-root': {
10
13
  right: 10,
11
14
  top: theme.spacing(3),
package/lib/esm/components/SCUser.d.ts CHANGED
@@ -7,8 +7,8 @@ declare const Component: {
7
7
  borderRadius: number;
8
8
  paddingBottom: number;
9
9
  overflow: string;
10
- '& .SCUser-contrast-color': {
11
- color: string;
10
+ '& .SCUser-paper-contrast-color': {
11
+ color: any;
12
12
  };
13
13
  '& .MuiChip-root': {
14
14
  height: string;
package/lib/esm/components/SCUser.js CHANGED
@@ -1,4 +1,3 @@
1
- import { darken, getContrastRatio, lighten } from '@mui/material';
2
1
  const Component = {
3
2
  styleOverrides: {
4
3
  root: ({ theme }) => ({
@@ -8,10 +7,8 @@ const Component = {
8
7
  [theme.breakpoints.up('sm')]: {
9
8
  borderRadius: theme.shape.borderRadius
10
9
  },
11
- '& .SCUser-contrast-color': {
12
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
13
- ? lighten(theme.palette.common.white, 0.5)
14
- : darken(theme.palette.common.white, 0.5)
10
+ '& .SCUser-paper-contrast-color': {
11
+ color: theme.palette.getContrastText(theme.palette.background.paper)
15
12
  },
16
13
  '& .MuiChip-root': {
17
14
  height: '18px'
package/lib/esm/components/SCWidget.d.ts CHANGED
@@ -35,7 +35,7 @@ declare const Component: {
35
35
  '& h5': {
36
36
  fontFamily: any;
37
37
  fontWeight: any;
38
- color: string;
38
+ color: any;
39
39
  fontSize: string;
40
40
  };
41
41
  '& .MuiList-root': {
package/lib/esm/components/SCWidget.js CHANGED
@@ -1,4 +1,3 @@
1
- import { lighten } from '@mui/material';
2
1
  const Component = {
3
2
  variants: [
4
3
  {
@@ -33,7 +32,7 @@ const Component = {
33
32
  '& h5': {
34
33
  fontFamily: theme.typography.fontFamily,
35
34
  fontWeight: theme.typography.fontWeightBold,
36
- color: lighten(theme.palette.text.primary, 0.5),
35
+ color: theme.palette.getContrastText(theme.palette.background.default),
37
36
  fontSize: '1.143rem'
38
37
  },
39
38
  '& .MuiList-root': {