Skip to content
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
[CmdPal] Refine tabbed page strip surface and inactive tab foreground
Gives the tab strip a distinct layered background with a bottom divider so
it reads as a header band, sets the inactive (Normal) tab label to the
secondary foreground via a visual state, and adds a small top margin above
the active tab content.

Co-authored-by: Copilot App <[email protected]>
Copilot-Session: de7af6c2-3f22-4b85-ba1c-e45bf0361f1a
  • Loading branch information
michaeljolley and Copilot committed Jul 21, 2026
commit 796351addbeaf626c8fd17ab9499efc9853ef4b6
12 changes: 9 additions & 3 deletions src/modules/cmdpal/Microsoft.CmdPal.UI/ExtViews/TabbedPage.xaml
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,9 @@
x:Name="TabStrip"
Grid.Row="0"
Padding="8,0"
Background="Transparent"
Background="{ThemeResource LayerFillColorDefaultBrush}"
BorderBrush="{ThemeResource CmdPal.TopBarBorderBrush}"
BorderThickness="0,0,0,1"
IsItemClickEnabled="False"
ItemTemplate="{StaticResource TabItemTemplate}"
ItemsSource="{x:Bind ViewModel.Tabs, Mode=OneWay}"
Expand Down Expand Up @@ -117,7 +119,11 @@
Visibility="Collapsed" />
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal" />
<VisualState x:Name="Normal">
<VisualState.Setters>
<Setter Target="ContentPresenter.Foreground" Value="{ThemeResource TextFillColorSecondaryBrush}" />
</VisualState.Setters>
</VisualState>
<VisualState x:Name="Selected">
<VisualState.Setters>
<Setter Target="ContentPresenter.Foreground" Value="{ThemeResource TextFillColorPrimaryBrush}" />
Expand Down Expand Up @@ -160,7 +166,7 @@
Visibility="{x:Bind ViewModel.ActiveTabIsLoading, Mode=OneWay, Converter={StaticResource BoolToVisibilityConverter}}" />

<!-- Active tab content -->
<Grid Grid.Row="2">
<Grid Grid.Row="2" Margin="0,2,0,0">
<Frame x:Name="TabFrame" />
<TextBlock
x:Name="UnsupportedPlaceholder"
Expand Down