style: update network icon colors (#4010)

ArkEcosystem · Jul 5, 2021 · ab68af0 · ab68af0
1 parent c2365c3
commit ab68af0
Show file tree

Hide file tree

Showing 31 changed files with 156 additions and 172 deletions.
diff --git a/src/app/components/WalletCard/__snapshots__/WalletCard.test.tsx.snap b/src/app/components/WalletCard/__snapshots__/WalletCard.test.tsx.snap
@@ -25,7 +25,7 @@ exports[`Wallet Card should render 1`] = `
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div
@@ -439,7 +439,7 @@ exports[`Wallet Card should render with actions 1`] = `
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div
@@ -584,7 +584,7 @@ exports[`Wallet Card should render with wallet data 1`] = `
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div
@@ -709,7 +709,7 @@ exports[`Wallet Card should render with wallet data and optional icon 1`] = `
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div

diff --git a/src/app/components/WalletListItem/__snapshots__/WalletListItem.test.tsx.snap b/src/app/components/WalletListItem/__snapshots__/WalletListItem.test.tsx.snap
@@ -17,7 +17,7 @@ exports[`WalletListItem should render 1`] = `
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-background"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-background"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div
@@ -148,7 +148,7 @@ exports[`WalletListItem should render for selected wallet 1`] = `
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-success-900"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-success-900"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div
@@ -283,7 +283,7 @@ exports[`WalletListItem should render with a N/A for fiat 1`] = `
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-success-900"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-success-900"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div
@@ -414,7 +414,7 @@ exports[`WalletListItem should render with default BTC as default exchangeCurren
             >
               <div
                 aria-label="ARK Devnet"
-                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-background"
+                class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 group-hover:ring-theme-secondary-100 group-hover:bg-secondary-100 dark:group-hover:ring-black dark:group-hover:bg-black ring-theme-background"
                 data-testid="NetworkIcon-ARK-ark.devnet"
               >
                 <div

diff --git a/src/domains/contact/components/ContactListItem/__snapshots__/ContactListItem.test.tsx.snap b/src/domains/contact/components/ContactListItem/__snapshots__/ContactListItem.test.tsx.snap
@@ -45,7 +45,7 @@ exports[`ContactListItem should render 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -235,7 +235,7 @@ exports[`ContactListItem should render as delegate 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -439,7 +439,7 @@ exports[`ContactListItem should render using variant 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -622,7 +622,7 @@ exports[`ContactListItem should render with multiple addresses 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -777,7 +777,7 @@ exports[`ContactListItem should render with multiple addresses 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -932,7 +932,7 @@ exports[`ContactListItem should render with multiple addresses 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -1136,7 +1136,7 @@ exports[`ContactListItem should render with multiple options 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -1291,7 +1291,7 @@ exports[`ContactListItem should render with multiple options 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -1446,7 +1446,7 @@ exports[`ContactListItem should render with multiple options 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -1650,7 +1650,7 @@ exports[`ContactListItem should render with one option 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -1790,7 +1790,7 @@ exports[`ContactListItem should render with one option 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div
@@ -1930,7 +1930,7 @@ exports[`ContactListItem should render with one option 1`] = `
           >
             <div
               aria-label="ARK Devnet"
-              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+              class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
               data-testid="NetworkIcon-ARK-ark.devnet"
             >
               <div

diff --git a/src/domains/contact/components/UpdateContact/__snapshots__/UpdateContact.test.tsx.snap b/src/domains/contact/components/UpdateContact/__snapshots__/UpdateContact.test.tsx.snap
@@ -271,7 +271,7 @@ exports[`UpdateContact should render 1`] = `
                         >
                           <div
                             aria-label="ARK Devnet"
-                            class="Circle__CircleWrapper-uw7h4j-0 bNDQMV border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                            class="Circle__CircleWrapper-uw7h4j-0 bNDQMV text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                             data-testid="NetworkIcon-ARK-ark.devnet"
                           >
                             <div

diff --git a/src/domains/contact/pages/Contacts/__snapshots__/Contacts.test.tsx.snap b/src/domains/contact/pages/Contacts/__snapshots__/Contacts.test.tsx.snap
@@ -521,7 +521,7 @@ exports[`Contacts should render with contacts 1`] = `
                       >
                         <div
                           aria-label="ARK Devnet"
-                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                           data-testid="NetworkIcon-ARK-ark.devnet"
                         >
                           <div
@@ -702,7 +702,7 @@ exports[`Contacts should render with contacts 1`] = `
                       >
                         <div
                           aria-label="ARK Devnet"
-                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                           data-testid="NetworkIcon-ARK-ark.devnet"
                         >
                           <div
@@ -871,7 +871,7 @@ exports[`Contacts should render with contacts 1`] = `
                       >
                         <div
                           aria-label="ARK Devnet"
-                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                           data-testid="NetworkIcon-ARK-ark.devnet"
                         >
                           <div
@@ -1040,7 +1040,7 @@ exports[`Contacts should render with contacts 1`] = `
                       >
                         <div
                           aria-label="ARK Devnet"
-                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb border-theme-primary-100 text-theme-primary-400 ring-theme-background"
+                          class="Circle__CircleWrapper-uw7h4j-0 kOlXCb text-theme-secondary-700 border-theme-secondary-300 dark:border-theme-secondary-700 ring-theme-background"
                           data-testid="NetworkIcon-ARK-ark.devnet"
                         >
                           <div

diff --git a/src/domains/dashboard/components/PortfolioChart/hooks.test.tsx b/src/domains/dashboard/components/PortfolioChart/hooks.test.tsx
@@ -39,7 +39,7 @@ describe("usePortfolioData hook", () => {
 		const wrapper = ({ children }: any) => <EnvironmentProvider env={env}> {children} </EnvironmentProvider>;
 		const { result } = renderHook(() => usePortfolioData({ profile }), { wrapper });
 
-		expect(result.current.percentages).toEqual([{ color: "danger-400", label: "ARK", percentage: 3 }]);
+		expect(result.current.percentages).toEqual([{ color: "primary-600", label: "ARK", percentage: 3 }]);
 
 		balancePerCoinMock.mockRestore();
 	});

diff --git a/src/domains/dashboard/components/PortfolioChart/hooks.ts b/src/domains/dashboard/components/PortfolioChart/hooks.ts
@@ -52,7 +52,7 @@ export const usePortfolioData = ({ profile }: { profile: Contracts.IProfile }) =
 			for (const network of availableNetworks) {
 				if (network.extra && network.ticker() === coin) {
 					data.push({
-						color: network.extra.textClass.replace("text-theme-", ""),
+						color: "primary-600",
 						label: coin,
 						percentage: Number(balancePerCoin[coin].percentage),
 					});