fix btn style

src/frontend/src/components/buttons/ScanButton.tsx

@@ -16,7 +16,7 @@ export function ScanButton() {
           innerProps: {}
         })
       }
-      variant="default"
+      variant="transparent"
     >
       <IconQrcode />
     </ActionIcon>

src/frontend/src/components/buttons/SpotlightButton.tsx

@@ -12,7 +12,7 @@ export function SpotlightButton() {
     <ActionIcon
       onClick={() => firstSpotlight.open()}
       title={t`Open spotlight`}
-      variant="default"
+      variant="transparent"
     >
       <IconCommand />
     </ActionIcon>

src/frontend/src/components/items/ColorToggle.tsx

@@ -15,7 +15,7 @@ export function ColorToggle() {
           color:
             colorScheme === 'dark' ? vars.colors.yellow[4] : vars.colors.blue[6]
         }}
-        variant="default"
+        variant="transparent"
       >
         {colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
       </ActionIcon>

src/frontend/src/components/items/LanguageToggle.tsx

@@ -16,7 +16,11 @@ export function LanguageToggle() {
         padding: open === true ? 8 : 0
       }}
     >
-      <ActionIcon onClick={() => toggle.toggle()} size="lg" variant="default">
+      <ActionIcon
+        onClick={() => toggle.toggle()}
+        size="lg"
+        variant="transparent"
+      >
         <IconLanguage />
       </ActionIcon>
       {open && (

src/frontend/src/components/nav/BreadcrumbList.tsx

@@ -44,7 +44,11 @@ export function BreadcrumbList({
     <Paper p="3" radius="xs">
       <Group gap="xs">
         {navCallback && (
-          <ActionIcon key="nav-action" onClick={navCallback} variant="default">
+          <ActionIcon
+            key="nav-action"
+            onClick={navCallback}
+            variant="transparent"
+          >
             <IconMenu2 />
           </ActionIcon>
         )}

src/frontend/src/components/nav/Header.tsx

@@ -94,12 +94,12 @@ export function Header() {
             <NavTabs />
           </Group>
           <Group>
-            <ActionIcon onClick={openSearchDrawer} variant="default">
+            <ActionIcon onClick={openSearchDrawer} variant="transparent">
               <IconSearch />
             </ActionIcon>
             <SpotlightButton />
             <ScanButton />
-            <ActionIcon onClick={openNotificationDrawer} variant="default">
+            <ActionIcon onClick={openNotificationDrawer} variant="transparent">
               <Indicator
                 radius="lg"
                 size="18"

src/frontend/src/components/nav/NotificationDrawer.tsx

@@ -74,7 +74,7 @@ export function NotificationDrawer({
               onClose();
               navigate('/notifications/unread');
             }}
-            variant="default"
+            variant="transparent"
           >
             <IconBellPlus />
           </ActionIcon>

src/frontend/src/tables/ColumnSelect.tsx

@@ -12,7 +12,7 @@ export function TableColumnSelect({
   return (
     <Menu shadow="xs" closeOnItemClick={false}>
       <Menu.Target>
-        <ActionIcon variant="default">
+        <ActionIcon variant="transparent">
           <Tooltip label={t`Select Columns`}>
             <IconAdjustments />
           </Tooltip>

src/frontend/src/tables/DownloadAction.tsx

@@ -17,7 +17,7 @@ export function DownloadAction({
     <>
       <Menu>
         <Menu.Target>
-          <ActionIcon variant="default">
+          <ActionIcon variant="transparent">
             <Tooltip label={t`Download selected data`}>
               <IconDownload />
             </Tooltip>

src/frontend/src/tables/InvenTreeTable.tsx

@@ -599,7 +599,7 @@ export function InvenTreeTable<T = any>({
               />
             )}
             {tableProps.enableRefresh && (
-              <ActionIcon variant="default">
+              <ActionIcon variant="transparent">
                 <Tooltip label={t`Refresh data`}>
                   <IconRefresh onClick={() => refetch()} />
                 </Tooltip>
@@ -617,7 +617,7 @@ export function InvenTreeTable<T = any>({
                 label={tableState.activeFilters?.length ?? 0}
                 disabled={tableState.activeFilters?.length == 0}
               >
-                <ActionIcon variant="default">
+                <ActionIcon variant="transparent">
                   <Tooltip label={t`Table filters`}>
                     <IconFilter
                       onClick={() => setFiltersVisible(!filtersVisible)}

src/frontend/src/tables/general/AttachmentTable.tsx

@@ -196,7 +196,7 @@ export function AttachmentTable({
                 callback: table.refreshTable
               });
             }}
-            variant="default"
+            variant="transparent"
           >
             <IconFileUpload />
           </ActionIcon>
@@ -216,7 +216,7 @@ export function AttachmentTable({
                 callback: table.refreshTable
               });
             }}
-            variant="default"
+            variant="transparent"
           >
             <IconExternalLink />
           </ActionIcon>

src/frontend/src/tables/part/ParametricPartTable.tsx

@@ -78,7 +78,7 @@ function ParameterCell({
         {hovered && canEdit && (
           <div style={{ flex: 0 }}>
             <Tooltip label={t`Edit parameter`}>
-              <ActionIcon size="xs" onClick={handleClick} variant="default">
+              <ActionIcon size="xs" onClick={handleClick} variant="transparent">
                 <IconEdit />
               </ActionIcon>
             </Tooltip>