From a85a67199a7e735a261ce79bc87cd41a28a7012e Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Mon, 29 Nov 2021 09:47:08 +0000
Subject: [PATCH] theme tweaks

---
 nym-wallet/src/components/CopyToClipboard.tsx   | 17 +++++++++++++++--
 .../src/routes/sign-in/create-account.tsx       |  2 +-
 nym-wallet/src/theme/mui-theme.d.ts             |  4 ----
 nym-wallet/src/theme/theme.tsx                  |  8 --------
 4 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/nym-wallet/src/components/CopyToClipboard.tsx b/nym-wallet/src/components/CopyToClipboard.tsx
index b5c52cae4a..14ec3fce39 100644
--- a/nym-wallet/src/components/CopyToClipboard.tsx
+++ b/nym-wallet/src/components/CopyToClipboard.tsx
@@ -3,7 +3,13 @@ import { IconButton, Tooltip } from '@mui/material'
 import { Check, ContentCopy } from '@mui/icons-material'
 import { clipboard } from '@tauri-apps/api'
 
-export const CopyToClipboard = ({ text = '' }: { text?: string }) => {
+export const CopyToClipboard = ({
+  text = '',
+  light,
+}: {
+  text?: string
+  light?: boolean
+}) => {
   const [copied, setCopied] = useState(false)
 
   const handleCopy = async (text: string) => {
@@ -24,7 +30,14 @@ export const CopyToClipboard = ({ text = '' }: { text?: string }) => {
   }, [copied])
   return (
     <Tooltip title={!copied ? 'Copy' : 'Copied!'} leaveDelay={500}>
-      <IconButton onClick={() => handleCopy(text)} size="small">
+      <IconButton
+        onClick={() => handleCopy(text)}
+        size="small"
+        sx={{
+          color: (theme) =>
+            light ? theme.palette.common.white : theme.palette.grey[600],
+        }}
+      >
         {!copied ? <ContentCopy fontSize="small" /> : <Check color="success" />}
       </IconButton>
     </Tooltip>
diff --git a/nym-wallet/src/routes/sign-in/create-account.tsx b/nym-wallet/src/routes/sign-in/create-account.tsx
index e2028108b3..460c7c3ffc 100644
--- a/nym-wallet/src/routes/sign-in/create-account.tsx
+++ b/nym-wallet/src/routes/sign-in/create-account.tsx
@@ -73,7 +73,7 @@ export const CreateAccountContent: React.FC<{ showSignIn: () => void }> = ({
           {accountDetails?.mnemonic}
         </CardContent>
         <CardActions sx={{ justifyContent: 'flex-end' }}>
-          <CopyToClipboard text={accountDetails?.mnemonic || ''} />
+          <CopyToClipboard text={accountDetails?.mnemonic || ''} light />
         </CardActions>
       </Card>
       <Box sx={{ textAlign: 'center' }}>
diff --git a/nym-wallet/src/theme/mui-theme.d.ts b/nym-wallet/src/theme/mui-theme.d.ts
index b945ab3fe4..0427dc07bc 100644
--- a/nym-wallet/src/theme/mui-theme.d.ts
+++ b/nym-wallet/src/theme/mui-theme.d.ts
@@ -52,10 +52,6 @@ declare module '@mui/material/styles' {
     topNav: {
       background: string
     }
-    nav: {
-      background: string
-      hover: string
-    }
   }
 
   /**
diff --git a/nym-wallet/src/theme/theme.tsx b/nym-wallet/src/theme/theme.tsx
index c1ab4b1a03..8545765ff7 100644
--- a/nym-wallet/src/theme/theme.tsx
+++ b/nym-wallet/src/theme/theme.tsx
@@ -39,10 +39,6 @@ const darkMode: NymPaletteVariant = {
   topNav: {
     background: '#111826',
   },
-  nav: {
-    background: '#242C3D',
-    hover: '#111826',
-  },
 }
 
 const lightMode: NymPaletteVariant = {
@@ -57,10 +53,6 @@ const lightMode: NymPaletteVariant = {
   topNav: {
     background: '#111826',
   },
-  nav: {
-    background: '#242C3D',
-    hover: '#111826',
-  },
 }
 
 /**