Replace bland "W" initials with accent-colored person icon for signed-out state (#836)

When no Wino account is logged in, the titlebar button now shows a filled accent-blue circle with a white person silhouette icon instead of a PersonPicture with "W" initials. This makes the button visually prominent and clearly communicates it's an account action. When signed in, the PersonPicture with user initials is shown as before. Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-17 17:47:45 +01:00
parent 4a94dfb10c
commit 289d0c8eeb
2 changed files with 22 additions and 5 deletions
@@ -146,11 +146,25 @@
                                </Grid>
                            </Flyout>
                        </Button.Flyout>
-                        <PersonPicture
-                            x:Name="WinoAccountButtonPicture"
-                            Width="30"
-                            Height="30"
-                            Initials="W" />
+                        <Grid>
+                            <PersonPicture
+                                x:Name="WinoAccountButtonPicture"
+                                Width="30"
+                                Height="30"
+                                Initials="W"
+                                Visibility="Collapsed" />
+                            <Border
+                                x:Name="WinoAccountSignedOutIcon"
+                                Width="30"
+                                Height="30"
+                                Background="{ThemeResource AccentFillColorDefaultBrush}"
+                                CornerRadius="15">
+                                <FontIcon
+                                    FontSize="16"
+                                    Foreground="White"
+                                    Glyph="&#xE77B;" />
+                            </Border>
+                        </Grid>
                    </Button>
                </StackPanel>
            </TitleBar.RightHeader>