From 38d68a86d5520397afb56a2126b7a974771f2775 Mon Sep 17 00:00:00 2001
From: Monkey <robotmonkeybrain@gmail.com>
Date: Fri, 9 Aug 2024 13:54:48 -0400
Subject: [PATCH] reset dialog styles

---
 src/components/ConfirmDialog.tsx | 13 +++++++------
 src/index.tsx                    |  7 +++++++
 src/styles/stylesheet.js         | 20 ++++++++++++++++++++
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/components/ConfirmDialog.tsx b/src/components/ConfirmDialog.tsx
index 31269cf..1d8676b 100644
--- a/src/components/ConfirmDialog.tsx
+++ b/src/components/ConfirmDialog.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography } from '@mui/material';
 import { ResetDialogProps } from '../types';
+import styles from "../styles/stylesheet";
 
 const ConfirmDialog = ({
   title,
@@ -10,15 +11,15 @@ const ConfirmDialog = ({
 }: ResetDialogProps) => {
   return (
     <Dialog open={visible} onClose={hideDialog}>
-      <DialogTitle>{title}</DialogTitle>
-      <DialogContent>
-        <Typography variant="body1">Are you sure?</Typography>
+      <DialogTitle style={{...styles.resetDialogTitle}} >{title}</DialogTitle>
+      <DialogContent style={{...styles.resetDialogContent}}>
+        <Typography>Are you sure?</Typography>
       </DialogContent>
-      <DialogActions>
-        <Button color="error" onClick={onConfirm}>
+      <DialogActions style={{...styles.resetDialogActionRow}}>
+        <Button style={{...styles.buttonRed, ...styles.button}} color="error" onClick={onConfirm}>
           Yes
         </Button>
-        <Button onClick={hideDialog}>No</Button>
+        <Button style={{...styles.buttonBlue, ...styles.button}} onClick={hideDialog}>No</Button>
       </DialogActions>
     </Dialog>
   );
diff --git a/src/index.tsx b/src/index.tsx
index b1b1840..78e53b0 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -68,6 +68,13 @@ const muiTheme = createTheme({
         fontWeight: 400,
       },
     },
+    MuiPaper: {
+      defaultProps: {
+        sx: {
+          backgroundImage: "none",
+        },
+      },
+    },
   },
   palette: {
     mode: "dark",
diff --git a/src/styles/stylesheet.js b/src/styles/stylesheet.js
index f1493ff..dfce4a0 100644
--- a/src/styles/stylesheet.js
+++ b/src/styles/stylesheet.js
@@ -77,6 +77,26 @@ const styles = StyleSheet.create({
   dialogWarning: {
     color: '#FFA3A8',
   },
+  resetDialogTitle:{
+    width: 500,
+    backgroundColor: '#18181A'
+  },
+  resetDialogContent: {
+    backgroundColor: '#18181A',
+  },
+  resetDialogActionRow: {
+    backgroundColor: '#18181A',
+  },
+  button: {
+    color: '#fff',
+    margin: 10
+  },
+  buttonRed: {
+    backgroundColor: '#B20710'
+  },
+  buttonBlue: {
+    backgroundColor: '#0000F4'
+  },
   mnemonicTitle:{
     backgroundColor: '#18181A',
   },