Undo ugly button styling

src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx

@@ -2,7 +2,6 @@ import { ActionIcon, Button, Tooltip } from '@mantine/core';
 import { openContextModal } from '@mantine/modals';
 import { IconApps } from '@tabler/icons';
 import { useTranslation } from 'next-i18next';
-import { useColorTheme } from '../../../../../tools/color';
 
 interface AddElementActionProps {
   type: 'action-icon' | 'button';
@@ -10,16 +9,14 @@ interface AddElementActionProps {
 
 export const AddElementAction = ({ type }: AddElementActionProps) => {
   const { t } = useTranslation('layout/element-selector/selector');
-  const { primaryColor, secondaryColor } = useColorTheme();
 
   switch (type) {
     case 'button':
       return (
         <Tooltip label={t('actionIcon.tooltip')} withinPortal withArrow>
           <Button
-            variant="white"
             radius="md"
-            color={secondaryColor}
+            variant="default"
             style={{ height: 43 }}
             onClick={() =>
               openContextModal({

src/components/layout/header/Actions/ToggleEditMode/ToggleEditMode.tsx

@@ -11,7 +11,6 @@ import { useScreenSmallerThan } from '../../../../../hooks/useScreenSmallerThan'
 
 import { useEditModeStore } from '../../../../Dashboard/Views/useEditModeStore';
 import { AddElementAction } from '../AddElementAction/AddElementAction';
-import { useColorTheme } from '../../../../../tools/color';
 
 export const ToggleEditModeAction = () => {
   const { enabled, toggleEditMode } = useEditModeStore();
@@ -56,15 +55,13 @@ export const ToggleEditModeAction = () => {
       hideNotification('toggle-edit-mode');
     }
   };
-  const { primaryColor, secondaryColor } = useColorTheme();
 
   const ToggleButtonDesktop = () => (
     <Tooltip label={enabled ? t('button.enabled') : t('button.disabled')}>
       <Button
         onClick={() => toggleButtonClicked()}
-        variant="white"
         radius="md"
-        color={secondaryColor}
+        variant="default"
         style={{ height: 43 }}
       >
         {enabled ? <IconEditCircleOff /> : <IconEditCircle />}