Change primary dark mode color to light green.

andrewnguonly · Mar 14, 2024 · c44a486 · c44a486
1 parent f789907
commit c44a486
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/__tests__/contexts/ThemeContext.test.tsx b/__tests__/contexts/ThemeContext.test.tsx
@@ -4,7 +4,10 @@
 import { render, act } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import "@testing-library/jest-dom";
-import { ThemeProvider, useThemeContext } from "../../src/contexts/ThemeContext";
+import {
+  ThemeProvider,
+  useThemeContext,
+} from "../../src/contexts/ThemeContext";
 
 const MockComponent = () => {
   const { theme, toggleDarkMode } = useThemeContext();

diff --git a/src/pages/Options.tsx b/src/pages/Options.tsx
@@ -381,6 +381,8 @@ const Options: React.FC = () => {
               />
             </Box>
           ))}
+        </Box>
+        <Box sx={{ ml: "10px" }}>
           <FormGroup>
             <FormControlLabel
               control={

diff --git a/src/themes/AppTheme.tsx b/src/themes/AppTheme.tsx
@@ -1,11 +1,11 @@
 import { createTheme, Theme } from "@mui/material/styles";
-import { amber, deepOrange } from "@mui/material/colors";
+import { amber, lightGreen } from "@mui/material/colors";
 
 const getAppTheme = (darkMode: boolean): Theme => {
   return createTheme({
     palette: {
       mode: darkMode ? "dark" : "light",
-      primary: darkMode ? deepOrange : amber,
+      primary: darkMode ? lightGreen : amber,
     },
     components: {
       MuiButton: {