From 994a7709212821aa87faaddac6ef4256425829a8 Mon Sep 17 00:00:00 2001
From: Stewart Rand <stewartrand@gmail.com>
Date: Sat, 13 Sep 2025 00:31:52 -0300
Subject: [PATCH] chore: improve context button accessibility (#21876)

Make context menu button filled on album list and faces page
---
 web/src/lib/components/album-page/album-card.svelte  | 2 +-
 web/src/lib/components/faces-page/people-card.svelte | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/album-page/album-card.svelte b/web/src/lib/components/album-page/album-card.svelte
index b6b44cadfe..26eccc2fd7 100644
--- a/web/src/lib/components/album-page/album-card.svelte
+++ b/web/src/lib/components/album-page/album-card.svelte
@@ -48,7 +48,7 @@
         aria-label={$t('show_album_options')}
         icon={mdiDotsVertical}
         shape="round"
-        variant="ghost"
+        variant="filled"
         size="medium"
         class="icon-white-drop-shadow"
         onclick={showAlbumContextMenu}
diff --git a/web/src/lib/components/faces-page/people-card.svelte b/web/src/lib/components/faces-page/people-card.svelte
index 51fd53b7d5..95d5db7a92 100644
--- a/web/src/lib/components/faces-page/people-card.svelte
+++ b/web/src/lib/components/faces-page/people-card.svelte
@@ -64,9 +64,10 @@
   {#if showVerticalDots}
     <div class="absolute top-2 end-2 z-1">
       <ButtonContextMenu
-        buttonClass="icon-white-drop-shadow focus:opacity-100 {showVerticalDots ? 'opacity-100' : 'opacity-0'}"
-        color="primary"
+        buttonClass="icon-white-drop-shadow"
+        color="secondary"
         size="medium"
+        variant="filled"
         icon={mdiDotsVertical}
         title={$t('show_person_options')}
       >