slight Dark Mode fixes for WeaponModal

components/WeaponModal/index.scss

@@ -30,15 +30,6 @@
         color: $grey-70;
         cursor: not-allowed;
       }
-
-      &:not(.btn-disabled) {
-        background: $grey-90;
-        color: $grey-50;
-
-        &:hover {
-          background: $grey-80;
-        }
-      }
     }
   }
 }

components/WeaponModal/index.tsx

@@ -247,9 +247,8 @@ const WeaponModal = (props: Props) => {
             <Button
               onClick={updateWeapon}
               disabled={props.gridWeapon.object.ax > 0 && !formValid}
-            >
-              {t('modals.weapon.buttons.confirm')}
-            </Button>
+              text={t('modals.weapon.buttons.confirm')}
+            />
           </div>
         </Dialog.Content>
         <Dialog.Overlay className="Overlay" />

components/WeaponUnit/index.scss

@@ -76,7 +76,6 @@
   }
 
   .Button {
-    background: $grey-100;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.14);
     display: none;
     position: absolute;

components/WeaponUnit/index.tsx

@@ -13,6 +13,7 @@ import { ButtonType } from '~utils/enums'
 import type { SearchableObject } from '~types'
 
 import PlusIcon from '~public/icons/Add.svg'
+import SettingsIcon from '~public/icons/Settings.svg'
 import './index.scss'
 
 interface Props {
@@ -113,7 +114,7 @@ const WeaponUnit = (props: Props) => {
       {props.editable && gridWeapon && canBeModified(gridWeapon) ? (
         <WeaponModal gridWeapon={gridWeapon}>
           <div>
-            <Button icon="settings" type={ButtonType.IconOnly} />
+            <Button accessoryIcon={<SettingsIcon />} />
           </div>
         </WeaponModal>
       ) : (