timetable-app

commit 8c4d81ffc9b526156306079d980f35caa7be085a
parent 1d209e5c04b5f8031e00cdaff3f8880a320cd052
Author: Yuukin256 <52195426+Yuukin256@users.noreply.github.com>
Date:   Sun,  5 May 2024 21:13:24 +0900

ダークモードの色を変更 (#61)


Diffstat:
M
src/client/features/daily/components/Lessons/Lesson.tsx
 | 
8
++++----
M
src/client/utils/getMuiTheme.ts
 | 
21
++++++++++++---------

2 files changed, 16 insertions(+), 13 deletions(-)
diff --git a/src/client/features/daily/components/Lessons/Lesson.tsx b/src/client/features/daily/components/Lessons/Lesson.tsx
@@ -72,10 +72,10 @@ export default function Lesson({ date, period, courses, basis }: Props) {
 					textAlign: 'left',
 					fontWeight: 'unset',
 					color: 'unset',
-					backgroundColor: alpha(
-						theme.palette.primary.main,
-						theme.palette.mode === 'light' ? 0.1 : 0.15,
-					),
+					backgroundColor:
+						theme.palette.mode === 'light'
+							? alpha(theme.palette.primary.main, 0.15)
+							: alpha(theme.palette.primary.dark, 0.4),
 					width: '100%',
 					textTransform: 'none',
 					flexDirection: 'row',
diff --git a/src/client/utils/getMuiTheme.ts b/src/client/utils/getMuiTheme.ts
@@ -1,13 +1,6 @@
 import { grey } from '@mui/material/colors';
 import { experimental_extendTheme as extendTheme } from '@mui/material/styles';
 
-const primaryColor = {
-	main: '#029494',
-	light: '#34A9A9',
-	dark: '#016767',
-	contrastText: '#fff',
-};
-
 const secondaryColor = {
 	main: '#e91e63',
 	light: '#ff6090',
@@ -20,7 +13,12 @@ const getMuiTheme = () => {
 		colorSchemes: {
 			light: {
 				palette: {
-					primary: primaryColor,
+					primary: {
+						main: '#029494',
+						light: '#34A9A9',
+						dark: '#016767',
+						contrastText: '#fff',
+					},
 					secondary: secondaryColor,
 					background: {
 						default: grey[50],
@@ -29,7 +27,12 @@ const getMuiTheme = () => {
 			},
 			dark: {
 				palette: {
-					primary: primaryColor,
+					primary: {
+						main: '#4db6ac',
+						light: '#70c4bc',
+						dark: '#357f78',
+						contrastText: '#000',
+					},
 					secondary: secondaryColor,
 				},
 			},