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({