diff --git a/web/cashtab/src/assets/styles/theme.js b/web/cashtab/src/assets/styles/theme.js
new file mode 100644
--- /dev/null
+++ b/web/cashtab/src/assets/styles/theme.js
@@ -0,0 +1,3 @@
+export const theme = {
+    iconOutlined: '#3e3f42',
+};
diff --git a/web/cashtab/src/components/App.css b/web/cashtab/src/components/App.css
--- a/web/cashtab/src/components/App.css
+++ b/web/cashtab/src/components/App.css
@@ -33,10 +33,7 @@
 #react-qrcode-logo {
     border-radius: 8px;
 }
-/* Configure.js, CustomIcons.js */
-.anticon {
-    color: #3e3f42;
-}
+
 /* EnhancedInputs.js */
 .ant-input-group-addon {
     background-color: #f4f4f4 !important;
diff --git a/web/cashtab/src/components/App.js b/web/cashtab/src/components/App.js
--- a/web/cashtab/src/components/App.js
+++ b/web/cashtab/src/components/App.js
@@ -1,7 +1,8 @@
 import React from 'react';
 import 'antd/dist/antd.less';
 import '../index.css';
-import styled from 'styled-components';
+import styled, { ThemeProvider } from 'styled-components';
+import { theme } from '@assets/styles/theme';
 import {
     FolderOpenFilled,
     CaretRightOutlined,
@@ -172,71 +173,75 @@
         location && location.pathname ? location.pathname.substr(1) : '';
 
     return (
-        <CustomApp>
-            <WalletBody>
-                <WalletCtn>
-                    <HeaderCtn>
-                        <CashTabLogo src={CashTab} alt="cashtab" />
-                        {hasTab && <EasterEgg src={TabCash} alt="tabcash" />}
-                        <a
-                            href="https://www.bitcoinabc.org/"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                        >
-                            <AbcLogo src={ABC} alt="abc" />
-                        </a>
-                    </HeaderCtn>
-                    <WalletLabel name={wallet.name}></WalletLabel>
-                    <Switch>
-                        <Route path="/wallet">
-                            <Wallet />
-                        </Route>
-                        <Route path="/send">
-                            <Send />
-                        </Route>
-                        <Route
-                            path="/send-token/:tokenId"
-                            render={props => (
-                                <SendToken
-                                    tokenId={props.match.params.tokenId}
-                                />
+        <ThemeProvider theme={theme}>
+            <CustomApp>
+                <WalletBody>
+                    <WalletCtn>
+                        <HeaderCtn>
+                            <CashTabLogo src={CashTab} alt="cashtab" />
+                            {hasTab && (
+                                <EasterEgg src={TabCash} alt="tabcash" />
                             )}
-                        />
-                        <Route path="/configure">
-                            <Configure />
-                        </Route>
-                        <Redirect exact from="/" to="/wallet" />
-                        <Route component={NotFound} />
-                    </Switch>
-                </WalletCtn>
-                {wallet ? (
-                    <Footer>
-                        <NavButton
-                            active={selectedKey === 'wallet'}
-                            onClick={() => history.push('/wallet')}
-                        >
-                            <FolderOpenFilled />
-                            <fbt desc="Wallet menu button">Wallet</fbt>
-                        </NavButton>
+                            <a
+                                href="https://www.bitcoinabc.org/"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <AbcLogo src={ABC} alt="abc" />
+                            </a>
+                        </HeaderCtn>
+                        <WalletLabel name={wallet.name}></WalletLabel>
+                        <Switch>
+                            <Route path="/wallet">
+                                <Wallet />
+                            </Route>
+                            <Route path="/send">
+                                <Send />
+                            </Route>
+                            <Route
+                                path="/send-token/:tokenId"
+                                render={props => (
+                                    <SendToken
+                                        tokenId={props.match.params.tokenId}
+                                    />
+                                )}
+                            />
+                            <Route path="/configure">
+                                <Configure />
+                            </Route>
+                            <Redirect exact from="/" to="/wallet" />
+                            <Route component={NotFound} />
+                        </Switch>
+                    </WalletCtn>
+                    {wallet ? (
+                        <Footer>
+                            <NavButton
+                                active={selectedKey === 'wallet'}
+                                onClick={() => history.push('/wallet')}
+                            >
+                                <FolderOpenFilled />
+                                <fbt desc="Wallet menu button">Wallet</fbt>
+                            </NavButton>
 
-                        <NavButton
-                            active={selectedKey === 'send'}
-                            onClick={() => history.push('/send')}
-                        >
-                            <CaretRightOutlined />
-                            <fbt desc="Send menu button">Send</fbt>
-                        </NavButton>
-                        <NavButton
-                            active={selectedKey === 'configure'}
-                            onClick={() => history.push('/configure')}
-                        >
-                            <SettingFilled />
-                            <fbt desc="Settings menu button">Settings</fbt>
-                        </NavButton>
-                    </Footer>
-                ) : null}
-            </WalletBody>
-        </CustomApp>
+                            <NavButton
+                                active={selectedKey === 'send'}
+                                onClick={() => history.push('/send')}
+                            >
+                                <CaretRightOutlined />
+                                <fbt desc="Send menu button">Send</fbt>
+                            </NavButton>
+                            <NavButton
+                                active={selectedKey === 'configure'}
+                                onClick={() => history.push('/configure')}
+                            >
+                                <SettingFilled />
+                                <fbt desc="Settings menu button">Settings</fbt>
+                            </NavButton>
+                        </Footer>
+                    ) : null}
+                </WalletBody>
+            </CustomApp>
+        </ThemeProvider>
     );
 };
 
diff --git a/web/cashtab/src/components/Common/CustomIcons.js b/web/cashtab/src/components/Common/CustomIcons.js
--- a/web/cashtab/src/components/Common/CustomIcons.js
+++ b/web/cashtab/src/components/Common/CustomIcons.js
@@ -1,6 +1,12 @@
 import * as React from 'react';
 import styled from 'styled-components';
-import { LoadingOutlined } from '@ant-design/icons';
+import {
+    CopyOutlined,
+    DollarOutlined,
+    LoadingOutlined,
+    WalletOutlined,
+    QrcodeOutlined,
+} from '@ant-design/icons';
 
 export const CashLoadingIcon = (
     <LoadingOutlined
@@ -11,6 +17,19 @@
     />
 );
 
+export const ThemedCopyOutlined = styled(CopyOutlined)`
+    color: ${props => props.theme.iconOutlined} !important;
+`;
+export const ThemedDollarOutlined = styled(DollarOutlined)`
+    color: ${props => props.theme.iconOutlined} !important;
+`;
+export const ThemedWalletOutlined = styled(WalletOutlined)`
+    color: ${props => props.theme.iconOutlined} !important;
+`;
+export const ThemedQrcodeOutlined = styled(QrcodeOutlined)`
+    color: ${props => props.theme.iconOutlined} !important;
+`;
+
 export const LoadingBlock = styled.div`
     width: 100%;
     display: flex;
diff --git a/web/cashtab/src/components/Common/EnhancedInputs.js b/web/cashtab/src/components/Common/EnhancedInputs.js
--- a/web/cashtab/src/components/Common/EnhancedInputs.js
+++ b/web/cashtab/src/components/Common/EnhancedInputs.js
@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { Form, Input, Select } from 'antd';
-import { DollarOutlined, WalletOutlined } from '@ant-design/icons';
+import {
+    ThemedDollarOutlined,
+    ThemedWalletOutlined,
+} from '@components/Common/CustomIcons';
 import styled from 'styled-components';
 import { ScanQRCode } from './ScanQRCode';
 import useBCH from '@hooks/useBCH';
@@ -91,7 +94,7 @@
                     }
                     prefix={
                         inputProps.dollar === 1 ? (
-                            <DollarOutlined />
+                            <ThemedDollarOutlined />
                         ) : (
                             <img
                                 src={currency.logo}
@@ -148,7 +151,7 @@
     return (
         <Form.Item {...otherProps}>
             <Input
-                prefix={<WalletOutlined />}
+                prefix={<ThemedWalletOutlined />}
                 autoComplete="off"
                 addonAfter={
                     <ScanQRCode
diff --git a/web/cashtab/src/components/Common/ScanQRCode.js b/web/cashtab/src/components/Common/ScanQRCode.js
--- a/web/cashtab/src/components/Common/ScanQRCode.js
+++ b/web/cashtab/src/components/Common/ScanQRCode.js
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Alert, Modal } from 'antd';
-import { QrcodeOutlined } from '@ant-design/icons';
+import { ThemedQrcodeOutlined } from '@components/Common/CustomIcons';
 import styled from 'styled-components';
 import { BrowserQRCodeReader } from '@zxing/library';
 import {
@@ -135,7 +135,7 @@
                 {...otherProps}
                 onClick={() => setVisible(!visible)}
             >
-                <QrcodeOutlined />
+                <ThemedQrcodeOutlined />
             </StyledScanQRCode>
             <StyledModal
                 title="Scan QR code"
diff --git a/web/cashtab/src/components/Configure/Configure.js b/web/cashtab/src/components/Configure/Configure.js
--- a/web/cashtab/src/components/Configure/Configure.js
+++ b/web/cashtab/src/components/Configure/Configure.js
@@ -5,9 +5,7 @@
 import {
     PlusSquareOutlined,
     WalletFilled,
-    WalletOutlined,
     ImportOutlined,
-    CopyOutlined,
     LockOutlined,
 } from '@ant-design/icons';
 import { WalletContext } from '@utils/context';
@@ -16,7 +14,12 @@
     SecondaryButton,
     SmartButton,
 } from '@components/Common/PrimaryButton';
-import { CashLoader, CashLoadingIcon } from '@components/Common/CustomIcons';
+import {
+    CashLoader,
+    CashLoadingIcon,
+    ThemedCopyOutlined,
+    ThemedWalletOutlined,
+} from '@components/Common/CustomIcons';
 import { ReactComponent as Trashcan } from '@assets/trashcan.svg';
 import { ReactComponent as Edit } from '@assets/edit.svg';
 import { Event } from '@utils/GoogleAnalytics';
@@ -438,7 +441,7 @@
                     </Modal>
                 )}
                 <h2>
-                    <CopyOutlined /> Backup your wallet
+                    <ThemedCopyOutlined /> Backup your wallet
                 </h2>
                 <Alert
                     style={{ marginBottom: '12px' }}
@@ -459,7 +462,7 @@
                 )}
                 <StyledSpacer />
                 <h2>
-                    <WalletOutlined /> Manage Wallets
+                    <ThemedWalletOutlined /> Manage Wallets
                 </h2>
                 {apiError ? (
                     <>
diff --git a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
--- a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
+++ b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
@@ -39,12 +39,12 @@
     className="ant-spin-container ant-spin-blur"
   >
     <div
-      className="sc-iwsKbI gJfDsi"
+      className="sc-jTzLTM lYoFl"
     >
       <h2>
         <span
           aria-label="copy"
-          className="anticon anticon-copy"
+          className="anticon anticon-copy sc-ifAKCX bxlMcO"
           role="img"
         >
           <svg
@@ -147,12 +147,12 @@
         </div>
       </div>
       <div
-        className="sc-gZMcBi juyJFl"
+        className="sc-fjdhpX iUdZQY"
       />
       <h2>
         <span
           aria-label="wallet"
-          className="anticon anticon-wallet"
+          className="anticon anticon-wallet sc-bZQynM cOFHGb"
           role="img"
         >
           <svg
@@ -225,11 +225,11 @@
          Import Wallet
       </button>
       <div
-        className="sc-gZMcBi juyJFl"
+        className="sc-fjdhpX iUdZQY"
       />
       [
       <a
-        className="sc-EHOje chPufo"
+        className="sc-dnqmqq fnVGsZ"
         href="https://docs.cashtabapp.com/docs/"
         rel="noreferrer"
         target="_blank"
@@ -282,12 +282,12 @@
     className="ant-spin-container ant-spin-blur"
   >
     <div
-      className="sc-iwsKbI gJfDsi"
+      className="sc-jTzLTM lYoFl"
     >
       <h2>
         <span
           aria-label="copy"
-          className="anticon anticon-copy"
+          className="anticon anticon-copy sc-ifAKCX bxlMcO"
           role="img"
         >
           <svg
@@ -352,12 +352,12 @@
         </div>
       </div>
       <div
-        className="sc-gZMcBi juyJFl"
+        className="sc-fjdhpX iUdZQY"
       />
       <h2>
         <span
           aria-label="wallet"
-          className="anticon anticon-wallet"
+          className="anticon anticon-wallet sc-bZQynM cOFHGb"
           role="img"
         >
           <svg
@@ -430,11 +430,11 @@
          Import Wallet
       </button>
       <div
-        className="sc-gZMcBi juyJFl"
+        className="sc-fjdhpX iUdZQY"
       />
       [
       <a
-        className="sc-EHOje chPufo"
+        className="sc-dnqmqq fnVGsZ"
         href="https://docs.cashtabapp.com/docs/"
         rel="noreferrer"
         target="_blank"
diff --git a/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap b/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap
--- a/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap
+++ b/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap
@@ -3,14 +3,14 @@
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-jTzLTM jQTnZV"
+    className="sc-kAzzGY bElNTc"
   >
     0.06047469
      
     BCHA
   </div>,
   <div
-    className="sc-fjdhpX ecKhYa"
+    className="sc-chPdSV lhiFJb"
   >
     $
     NaN
@@ -82,23 +82,23 @@
     </div>
   </div>,
   <div
-    className="sc-cSHVUG bshqpY"
+    className="sc-kGXeez fnpdWl"
   >
     <div
-      className="sc-kAzzGY dXxhGR"
+      className="sc-kpOJdX bKzLjA"
       onClick={[Function]}
     >
       BCHA
     </div>
     <div
-      className="sc-kAzzGY dXxhGR nonactiveBtn"
+      className="sc-kpOJdX bKzLjA nonactiveBtn"
       onClick={[Function]}
     >
       SLPA
     </div>
   </div>,
   <a
-    className="sc-kgoBCf bnLdmV"
+    className="sc-ckVGcZ fkbLHM"
     href="https://explorer.bitcoinabc.org/address/bitcoincash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7cptzgcqy6"
     rel="noopener noreferrer"
     target="_blank"
@@ -130,14 +130,14 @@
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-jTzLTM jQTnZV"
+    className="sc-kAzzGY bElNTc"
   >
     0.06047469
      
     BCHA
   </div>,
   <div
-    className="sc-fjdhpX ecKhYa"
+    className="sc-chPdSV lhiFJb"
   >
     $
     NaN
@@ -209,23 +209,23 @@
     </div>
   </div>,
   <div
-    className="sc-cSHVUG bshqpY"
+    className="sc-kGXeez fnpdWl"
   >
     <div
-      className="sc-kAzzGY dXxhGR"
+      className="sc-kpOJdX bKzLjA"
       onClick={[Function]}
     >
       BCHA
     </div>
     <div
-      className="sc-kAzzGY dXxhGR nonactiveBtn"
+      className="sc-kpOJdX bKzLjA nonactiveBtn"
       onClick={[Function]}
     >
       SLPA
     </div>
   </div>,
   <a
-    className="sc-kgoBCf bnLdmV"
+    className="sc-ckVGcZ fkbLHM"
     href="https://explorer.bitcoinabc.org/address/bitcoincash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7cptzgcqy6"
     rel="noopener noreferrer"
     target="_blank"
@@ -302,7 +302,7 @@
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-jzJRlG fzqXAc"
+    className="sc-kgoBCf gFTGSe"
   >
     <span
       aria-label="party emoji"
@@ -328,7 +328,7 @@
      to send to others
   </div>,
   <div
-    className="sc-jTzLTM jQTnZV"
+    className="sc-kAzzGY bElNTc"
   >
     0 
     BCHA
@@ -398,16 +398,16 @@
     </div>
   </div>,
   <div
-    className="sc-cSHVUG bshqpY"
+    className="sc-kGXeez fnpdWl"
   >
     <div
-      className="sc-kAzzGY dXxhGR"
+      className="sc-kpOJdX bKzLjA"
       onClick={[Function]}
     >
       BCHA
     </div>
     <div
-      className="sc-kAzzGY dXxhGR nonactiveBtn"
+      className="sc-kpOJdX bKzLjA nonactiveBtn"
       onClick={[Function]}
     >
       SLPA