feat: migrate to primer design tokens

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/components/buttons/PillButton.tsx

@@ -18,7 +18,7 @@ export const PillButton: FC<IPillButton> = (props: IPillButton) => {
     <button
       title={props.title}
       type="button"
-      className="flex gap-1 items-center text-xxs px-1 m-0.5 rounded-full bg-gitify-pill-rest hover:bg-gitify-pill-hover"
+      className="flex gap-1 items-center text-xxs px-1 m-0.5 rounded-full bg-gitify-notification-pill-rest hover:bg-gitify-notification-pill-hover"
     >
       <Stack direction="horizontal" align="center" gap="condensed">
         <props.icon size={Size.XSMALL} className={props.color} />

src/renderer/components/buttons/__snapshots__/PillButton.test.tsx.snap

@@ -71,9 +71,7 @@ export const AccountNotifications: FC<IAccountNotifications> = (
         <div
           className={cn(
             'group flex items-center justify-between pr-1 py-0.5 text-sm font-semibold dark:text-white',
-            props.error
-              ? 'bg-gitify-accounts-error'
-              : 'bg-gitify-accounts-rest',
+            props.error ? 'bg-gitify-account-error' : 'bg-gitify-account-rest',
           )}
           onClick={toggleAccountNotifications}
         >

src/renderer/components/notifications/AccountNotifications.tsx

@@ -88,7 +88,7 @@ export const NotificationRow: FC<INotificationRow> = ({
     <div
       id={notification.id}
       className={cn(
-        'group flex border-b pl-3 pr-1 py-1.5 text-gitify-font border-gitify-notifications-border bg-gitify-notifications-rest hover:bg-gitify-notifications-hover',
+        'group flex border-b pl-3 pr-1 py-1.5 text-gitify-font border-gitify-notification-border bg-gitify-notification-rest hover:bg-gitify-notification-hover',
         (isAnimated || animateExit) &&
           'translate-x-full opacity-0 transition duration-[350ms] ease-in-out',
         (isRead || showAsRead) && Opacity.READ,

src/renderer/components/notifications/NotificationRow.tsx

@@ -43,7 +43,7 @@ export const RepositoryNotifications: FC<IRepositoryNotifications> = ({
   return (
     <>
       <div
-        className="group flex justify-between pr-1 py-0.5 bg-gitify-repositories dark:text-white"
+        className="group flex justify-between pr-1 py-0.5 bg-gitify-repository dark:text-white"
         onClick={toggleRepositoryNotifications}
       >
         <div