refactor: changed the tailwind color classes

embassy-collective · Aug 31, 2023 · ec42cfc · ec42cfc
1 parent add85ae
commit ec42cfc
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/molecules/Titlebar.tsx b/src/components/molecules/Titlebar.tsx
@@ -25,31 +25,31 @@ export function TitleBar() {
           <div>
             <div
               title={t('Minimize')}
-              className={`duration-200 inline-flex justify-center items-center h-8 w-12 fill-[#D9D9D9] dark:fill-[#181818] hover:bg-foreground active:bg-foreground`}
+              className={`duration-200 inline-flex justify-center items-center h-8 w-12 fill-white dark:fill-black hover:bg-foreground active:bg-foreground`}
               onClick={() => appWindow.minimize()}
             >
               <MinusIcon className="align-middle" />
             </div>
             {maximized ? (
               <div
                 title={t('Restore Down')}
-                className={`uration-200 inline-flex justify-center items-center h-8 w-12 fill-[#D9D9D9] dark:fill-[#181818] hover:bg-foreground active:bg-foreground`}
+                className={`uration-200 inline-flex justify-center items-center h-8 w-12 fill-white dark:fill-black hover:bg-foreground active:bg-foreground`}
                 onClick={() => appWindow.toggleMaximize()}
               >
                 <CopyIcon className="align-middle" />
               </div>
             ) : (
               <div
                 title={t('Maximize')}
-                className={`uration-200 inline-flex justify-center items-center h-8 w-12 fill-[#D9D9D9] dark:fill-[#181818] hover:bg-foreground active:bg-foreground`}
+                className={`uration-200 inline-flex justify-center items-center h-8 w-12 fill-white dark:fill-black hover:bg-foreground active:bg-foreground`}
                 onClick={() => appWindow.toggleMaximize()}
               >
                 <SquareIcon className="align-middle" />
               </div>
             )}
             <div
               title={t('Close')}
-              className={`uration-200 inline-flex justify-center items-center h-8 w-12 fill-[#D9D9D9] dark:fill-[#181818] hover:bg-foreground active:bg-red-500`}
+              className={`uration-200 inline-flex justify-center items-center h-8 w-12 fill-white dark:fill-black hover:bg-foreground active:bg-red-500`}
               onClick={() => appWindow.hide()}
             >
               <Cross1Icon className="align-middle" />