From c44a486aa88a46823f1827b412022d8e08723a9a Mon Sep 17 00:00:00 2001
From: Andrew Nguonly <andrewnguonly@gmail.com>
Date: Thu, 14 Mar 2024 15:08:31 -0700
Subject: [PATCH] Change primary dark mode color to light green.

---
 __tests__/contexts/ThemeContext.test.tsx | 5 ++++-
 src/pages/Options.tsx                    | 2 ++
 src/themes/AppTheme.tsx                  | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/__tests__/contexts/ThemeContext.test.tsx b/__tests__/contexts/ThemeContext.test.tsx
index ce56048..90c5d94 100644
--- 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
index 07556d7..a4c8fd8 100644
--- 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
index 5845ca0..47cd9fb 100644
--- 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: {