fix: account error header (#2672)

Signed-off-by: Adam Setch <adam.setch@outlook.com>

Author: setchy

src/renderer/components/notifications/AccountNotifications.tsx

@@ -107,7 +107,13 @@ export const AccountNotifications: FC<AccountNotificationsProps> = (
             />
           </Button>
 
-          <HoverGroup bgColor="group-hover:bg-gitify-account-rest">
+          <HoverGroup
+            bgColor={
+              props.error
+                ? 'group-hover:bg-gitify-account-error'
+                : 'group-hover:bg-gitify-account-rest'
+            }
+          >
             <HoverButton
               action={() => openGitHubIssues(account.hostname)}
               icon={IssueOpenedIcon}

src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap

@@ -8,6 +8,7 @@ interface HoverGroupProps {
   children: ReactNode;
   bgColor:
     | 'group-hover:bg-gitify-account-rest'
+    | 'group-hover:bg-gitify-account-error'
     | 'group-hover:bg-gitify-repository'
     | 'group-hover:bg-gitify-notification-hover';
 }

src/renderer/components/primitives/HoverGroup.tsx

@@ -50,7 +50,7 @@ const config: Config = {
 
           account: {
             rest: 'var(--control-bgColor-active)',
-            error: 'var(--bgColor-danger-emphasis)',
+            error: 'var(--gitify-account-error-bg)',
           },
 
           repository: 'var(--control-bgColor-disabled)',
@@ -77,6 +77,7 @@ const config: Config = {
       addBase({
         '[data-color-mode="light"]': {
           '--gitify-background': 'var(--bgColor-default)',
+          '--gitify-account-error-bg': 'var(--bgColor-danger-muted)',
 
           '--gitify-scrollbar-track': colors.gray[100],
           '--gitify-scrollbar-thumb': colors.gray[300],
@@ -88,6 +89,7 @@ const config: Config = {
         },
         '[data-color-mode="dark"]': {
           '--gitify-background': 'var(--bgColor-muted)',
+          '--gitify-account-error-bg': 'var(--bgColor-danger-emphasis)',
 
           '--gitify-scrollbar-track': colors.gray[900],
           '--gitify-scrollbar-thumb': colors.gray[700],