chore: adjust hover color of notification icon (#4023)

ArkEcosystem · Jul 6, 2021 · a0473e1 · a0473e1
1 parent f94147a
commit a0473e1
Show file tree

Hide file tree

Showing 21 changed files with 106 additions and 106 deletions.
diff --git a/src/app/components/NavigationBar/__snapshots__/NavigationBar.test.tsx.snap b/src/app/components/NavigationBar/__snapshots__/NavigationBar.test.tsx.snap
@@ -101,7 +101,7 @@ exports[`NavigationBar should not render if no active profile 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                       >
                         <div
                           class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -309,7 +309,7 @@ exports[`NavigationBar should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                       >
                         <div
                           class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -608,7 +608,7 @@ exports[`NavigationBar should render with custom menu 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                       >
                         <div
                           class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -986,7 +986,7 @@ exports[`NavigationBar should render with title 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                        class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                       >
                         <div
                           class="w-2 h-2 rounded-full bg-theme-danger-500"

diff --git a/src/app/components/Notifications/NotificationsDropdown.tsx b/src/app/components/Notifications/NotificationsDropdown.tsx
@@ -36,7 +36,7 @@ export const NotificationsDropdown = ({ profile }: { profile: Contracts.IProfile
 						<Button variant="transparent" size="icon" data-testid="navbar__buttons--notifications">
 							<Icon name="Notification" width={15} height={18} className="p-1" />
 							{hasUnread && (
-								<div className="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50">
+								<div className="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100">
 									<div className="w-2 h-2 rounded-full bg-theme-danger-500" />
 								</div>
 							)}

diff --git a/src/app/components/Notifications/__snapshots__/NotificationsDropdown.test.tsx.snap b/src/app/components/Notifications/__snapshots__/NotificationsDropdown.test.tsx.snap
@@ -30,7 +30,7 @@ exports[`Notifications should open and cancel wallet update notification modal 1
                 </svg>
               </div>
               <div
-                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
               >
                 <div
                   class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -457,7 +457,7 @@ exports[`Notifications should open and cancel wallet update notification modal 2
                 </svg>
               </div>
               <div
-                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
               >
                 <div
                   class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -783,7 +783,7 @@ exports[`Notifications should open and close transaction details modal 1`] = `
                 </svg>
               </div>
               <div
-                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
               >
                 <div
                   class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -1457,7 +1457,7 @@ exports[`Notifications should open and close transaction details modal 2`] = `
                 </svg>
               </div>
               <div
-                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
               >
                 <div
                   class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -1783,7 +1783,7 @@ exports[`Notifications should open and close wallet update notification modal 1`
                 </svg>
               </div>
               <div
-                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
               >
                 <div
                   class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -2210,7 +2210,7 @@ exports[`Notifications should open and close wallet update notification modal 2`
                 </svg>
               </div>
               <div
-                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
               >
                 <div
                   class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -2536,7 +2536,7 @@ exports[`Notifications should render with transactions and plugins 1`] = `
                 </svg>
               </div>
               <div
-                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
               >
                 <div
                   class="w-2 h-2 rounded-full bg-theme-danger-500"

diff --git a/src/domains/contact/pages/Contacts/__snapshots__/Contacts.test.tsx.snap b/src/domains/contact/pages/Contacts/__snapshots__/Contacts.test.tsx.snap
@@ -132,7 +132,7 @@ exports[`Contacts should render with contacts 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                         >
                           <div
                             class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -1337,7 +1337,7 @@ exports[`Contacts should render without contacts 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                         >
                           <div
                             class="w-2 h-2 rounded-full bg-theme-danger-500"

diff --git a/src/domains/dashboard/pages/Dashboard/__snapshots__/Dashboard.test.tsx.snap b/src/domains/dashboard/pages/Dashboard/__snapshots__/Dashboard.test.tsx.snap
@@ -140,7 +140,7 @@ exports[`Dashboard should render 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                         >
                           <div
                             class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -1822,7 +1822,7 @@ exports[`Dashboard should render loading state when profile is syncing 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                         >
                           <div
                             class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -4577,7 +4577,7 @@ exports[`Dashboard should show warning for errored networks 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                         >
                           <div
                             class="w-2 h-2 rounded-full bg-theme-danger-500"

diff --git a/src/domains/exchange/pages/Exchange/__snapshots__/Exchange.test.tsx.snap b/src/domains/exchange/pages/Exchange/__snapshots__/Exchange.test.tsx.snap
@@ -135,7 +135,7 @@ exports[`Exchange should not render filler exchange cards 1`] = `
                             </svg>
                           </div>
                           <div
-                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                           >
                             <div
                               class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -695,7 +695,7 @@ exports[`Exchange should open & close add exchange modal 1`] = `
                             </svg>
                           </div>
                           <div
-                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                           >
                             <div
                               class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -1129,7 +1129,7 @@ exports[`Exchange should render 1`] = `
                             </svg>
                           </div>
                           <div
-                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                           >
                             <div
                               class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -1563,7 +1563,7 @@ exports[`Exchange should render filler exchange cards 1`] = `
                             </svg>
                           </div>
                           <div
-                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                           >
                             <div
                               class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -1997,7 +1997,7 @@ exports[`Exchange should render with exchanges 1`] = `
                             </svg>
                           </div>
                           <div
-                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                            class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                           >
                             <div
                               class="w-2 h-2 rounded-full bg-theme-danger-500"

diff --git a/src/domains/news/pages/News/__snapshots__/News.test.tsx.snap b/src/domains/news/pages/News/__snapshots__/News.test.tsx.snap
@@ -134,7 +134,7 @@ exports[`News should filter results based on category query and asset 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                         >
                           <div
                             class="w-2 h-2 rounded-full bg-theme-danger-500"
@@ -911,7 +911,7 @@ exports[`News should filter results based on category query and asset 2`] = `
                           </svg>
                         </div>
                         <div
-                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-50"
+                          class="flex absolute right-0 justify-center items-center mr-3 -mt-3 w-3 h-3 rounded-full transition-all duration-100 ease-linear bg-theme-background dark:group-hover:bg-theme-secondary-800 group-hover:bg-theme-primary-100"
                         >
                           <div
                             class="w-2 h-2 rounded-full bg-theme-danger-500"