From b5475a1cba57288b1c488164a4ea16bc71aeb42f Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Tue, 17 Dec 2024 15:10:02 +0100
Subject: [PATCH] feat(ui): allow Button to have neutral ("default") color
 (useful in combination with ghost or outline)

---
 front/src/components/ui/Button.vue   | 4 ++--
 front/src/ui/components/UserMenu.vue | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/front/src/components/ui/Button.vue b/front/src/components/ui/Button.vue
index af4b8cdb5..5aa3c0e5e 100644
--- a/front/src/components/ui/Button.vue
+++ b/front/src/components/ui/Button.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, useSlots, onMounted } from 'vue'
-import { type ColorProps, type VariantProps, propsToColor } from '~/composables/colors';
+import { type ColorProps, type VariantProps, type DefaultProps, propsToColor } from '~/composables/colors';
 
 import Loader from '~/components/ui/Loader.vue'
 
@@ -19,7 +19,7 @@ type Props = {
 
   autofocus? : boolean
   ariaPressed? : true
-} & ColorProps & VariantProps
+} & ColorProps & VariantProps & DefaultProps
 
 const props = defineProps<Props>()
 
diff --git a/front/src/ui/components/UserMenu.vue b/front/src/ui/components/UserMenu.vue
index 65e8d2682..7bd6a0ce2 100644
--- a/front/src/ui/components/UserMenu.vue
+++ b/front/src/ui/components/UserMenu.vue
@@ -64,9 +64,12 @@ watchEffect(()=> {
     <Button
       @click="openUserMenu = !openUserMenu"
       round
+      default
+      raised
       icon=""
       ghost
       class="is-icon-only"
+      :ariaPressed="openUserMenu ? true : undefined"
     >
       <img
         v-if="store.state.auth.authenticated && store.state.auth.profile?.avatar?.urls.medium_square_crop"