Skip to content

Adjust package details pane to match previous appearance #5242

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Meteoni-San (Meteony) wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Adjust package details pane to match previous appearance #5242

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
0a0af76
Make operations splitter surface transparent
Meteony Aug 3, 2026
665beca
Polish package details installation options
Meteony Aug 3, 2026
13d7939
Improve light-theme installation tab hover contrast
Meteony Aug 3, 2026
3fe6372
Add light-theme outlines to search fields
Meteony Aug 3, 2026
24b1bc1
Match light search-field borders to WinUI
Meteony Aug 3, 2026
78b41c8
Use shared ComboBox borders in installation options
Meteony Aug 3, 2026
2a7134a
Keep package detail resources scoped to their feature
Meteony Aug 3, 2026
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
120 changes: 120 additions & 0 deletions src/UniGetUI.Avalonia/Assets/Styles/Styles.Common.axaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
<SolidColorBrush x:Key="AccentFillColorDefaultBrush" Color="{DynamicResource SystemAccentColor}"/>
<SolidColorBrush x:Key="AccentFillColorSecondaryBrush" Color="{DynamicResource SystemAccentColorDark1}"/>
<SolidColorBrush x:Key="AccentFillColorTertiaryBrush" Color="{DynamicResource SystemAccentColorDark2}"/>
<SolidColorBrush x:Key="PackageActionHoverBackground" Color="{DynamicResource SystemAccentColorLight1}"/>
<SolidColorBrush x:Key="AccentFillColorDisabledBrush" Color="#37000000"/>
<SolidColorBrush x:Key="AccentFillColorSelectedTextBackgroundBrush" Color="{DynamicResource SystemAccentColor}"/>
<!-- Subtle fills (WinUI NavigationViewItem hover/selected backgrounds) -->
Expand Down Expand Up @@ -106,12 +107,24 @@
<!-- Toast: failure-badge red and drop shadow (light) -->
<SolidColorBrush x:Key="ToastBadgeBrush" Color="#C42B1C"/>
<BoxShadows x:Key="ToastShadow">0 4 16 0 #33000000</BoxShadows>
<!-- Package-details-only surfaces live at the end of the theme dictionary
so the independent global-theme PR can extend shared control tokens. -->
<LinearGradientBrush x:Key="SearchFieldBorderBrush"
StartPoint="0%,0%" EndPoint="0%,100%">
<GradientStop Offset="0" Color="#0F000000"/>
<GradientStop Offset="1" Color="#29000000"/>
</LinearGradientBrush>
<Thickness x:Key="SearchFieldBorderThickness">1</Thickness>
<SolidColorBrush x:Key="InstallOptionsSectionBackground" Color="#F2F2F2"/>
<SolidColorBrush x:Key="InstallOptionsTabSelectedBackground" Color="#E0E0E0"/>
<SolidColorBrush x:Key="InstallOptionsTabHoverBackground" Color="#E8E8E8"/>
</ResourceDictionary>
<ResourceDictionary x:Key="Dark">
<!-- Accent fills (lighter accents on dark bg) -->
<SolidColorBrush x:Key="AccentFillColorDefaultBrush" Color="{DynamicResource SystemAccentColorLight2}"/>
<SolidColorBrush x:Key="AccentFillColorSecondaryBrush" Color="{DynamicResource SystemAccentColorLight1}"/>
<SolidColorBrush x:Key="AccentFillColorTertiaryBrush" Color="{DynamicResource SystemAccentColor}"/>
<SolidColorBrush x:Key="PackageActionHoverBackground" Color="{DynamicResource SystemAccentColorLight3}"/>
<SolidColorBrush x:Key="AccentFillColorDisabledBrush" Color="#28FFFFFF"/>
<SolidColorBrush x:Key="AccentFillColorSelectedTextBackgroundBrush" Color="{DynamicResource SystemAccentColor}"/>
<!-- Subtle fills (WinUI NavigationViewItem hover/selected backgrounds) -->
Expand All @@ -134,6 +147,12 @@
<SolidColorBrush x:Key="SearchBoxInactiveBackground" Color="#0FFFFFFF"/>
<SolidColorBrush x:Key="SearchBoxFocusedBackground" Color="#B31E1E1E"/>
<SolidColorBrush x:Key="SearchBoxFocusedBorderBrush" Color="#12FFFFFF"/>
<SolidColorBrush x:Key="SearchFieldBorderBrush" Color="Transparent"/>
<Thickness x:Key="SearchFieldBorderThickness">1</Thickness>
<!-- Opaque package-details layers remain distinct even when the dialog uses Mica. -->
<SolidColorBrush x:Key="InstallOptionsSectionBackground" Color="#393939"/>
<SolidColorBrush x:Key="InstallOptionsTabSelectedBackground" Color="#4A4A4A"/>
<SolidColorBrush x:Key="InstallOptionsTabHoverBackground" Color="#15FFFFFF"/>
<SolidColorBrush x:Key="TextFillColorDisabledBrush" Color="#5DFFFFFF"/>
<SolidColorBrush x:Key="TextFillColorInverseBrush" Color="#E4000000"/>
<!-- WinUI's dark flyout surface is an opaque #2C2C2C. -->
Expand Down Expand Up @@ -466,4 +485,105 @@
</Style.Resources>
</Style>

<!-- Shared WinUI-style form-input underline. -->
<Style Selector="Border.search-field-underline">
<Setter Property="Opacity" Value="0"/>
<Setter Property="Background" Value="{DynamicResource TextFillColorSecondaryBrush}"/>
<Setter Property="Transitions">
<Transitions>
<DoubleTransition Property="Opacity" Duration="0:0:0.12"/>
</Transitions>
</Setter>
</Style>
<!-- Standalone form inputs use the search field's fill and underline treatment without
coupling the title-bar search control to this reusable template. -->
<Style Selector="TextBox.search-field-standalone">
<Setter Property="Background" Value="{DynamicResource SearchBoxInactiveBackground}"/>
<Setter Property="BorderBrush" Value="{DynamicResource SearchFieldBorderBrush}"/>
<Setter Property="BorderThickness" Value="{DynamicResource SearchFieldBorderThickness}"/>
<Setter Property="CornerRadius" Value="5"/>
<Setter Property="ClipToBounds" Value="True"/>
<Setter Property="FocusAdorner" Value="{x:Null}"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="PlaceholderForeground" Value="{DynamicResource SearchBoxPlaceholderForeground}"/>
<Setter Property="Template">
<ControlTemplate>
<DataValidationErrors>
<Panel>
<Border Name="SearchFieldStandaloneContainer"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="{TemplateBinding CornerRadius}"
MinWidth="{TemplateBinding MinWidth}"
MinHeight="{TemplateBinding MinHeight}"/>
<Border Margin="{TemplateBinding BorderThickness}">
<ScrollViewer Name="PART_ScrollViewer"
Margin="{TemplateBinding Padding}"
HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}"
VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}"
IsScrollChainingEnabled="{TemplateBinding (ScrollViewer.IsScrollChainingEnabled)}">
<Panel>
<TextBlock Name="PART_Placeholder"
Foreground="{TemplateBinding PlaceholderForeground}"
Text="{TemplateBinding PlaceholderText}"
TextAlignment="{TemplateBinding TextAlignment}"
TextWrapping="{TemplateBinding TextWrapping}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
<TextBlock.IsVisible>
<MultiBinding Converter="{x:Static BoolConverters.And}">
<Binding ElementName="PART_TextPresenter" Path="PreeditText" Converter="{x:Static StringConverters.IsNullOrEmpty}"/>
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Text" Converter="{x:Static StringConverters.IsNullOrEmpty}"/>
</MultiBinding>
</TextBlock.IsVisible>
</TextBlock>
<TextPresenter Name="PART_TextPresenter"
Text="{TemplateBinding Text, Mode=TwoWay}"
CaretBlinkInterval="{TemplateBinding CaretBlinkInterval}"
CaretIndex="{TemplateBinding CaretIndex}"
SelectionStart="{TemplateBinding SelectionStart}"
SelectionEnd="{TemplateBinding SelectionEnd}"
TextAlignment="{TemplateBinding TextAlignment}"
TextWrapping="{TemplateBinding TextWrapping}"
LineHeight="{TemplateBinding LineHeight}"
LetterSpacing="{TemplateBinding LetterSpacing}"
SelectionBrush="{TemplateBinding SelectionBrush}"
SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
CaretBrush="{TemplateBinding CaretBrush}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Panel>
</ScrollViewer>
</Border>
<Border Name="SearchFieldStandaloneUnderline"
Classes="search-field-underline"
Height="2" Margin="1,0,1,0"
VerticalAlignment="Bottom"
IsHitTestVisible="False"/>
</Panel>
</DataValidationErrors>
</ControlTemplate>
</Setter>
</Style>
<Style Selector="TextBox.search-field-standalone:pointerover /template/ Border#SearchFieldStandaloneUnderline">
<Setter Property="Opacity" Value="1"/>
</Style>
<Style Selector="TextBox.search-field-standalone:focus-within">
<Setter Property="Background" Value="{DynamicResource SearchBoxFocusedBackground}"/>
<Setter Property="BorderBrush" Value="{DynamicResource SearchBoxFocusedBorderBrush}"/>
</Style>
<Style Selector="TextBox.search-field-standalone:focus-within /template/ Border#SearchFieldStandaloneUnderline">
<Setter Property="Opacity" Value="1"/>
<Setter Property="Background" Value="{DynamicResource AccentFillColorDefaultBrush}"/>
</Style>
<Style Selector="TextBox.search-field-standalone.multiline">
<Setter Property="MinHeight" Value="32"/>
<Setter Property="VerticalAlignment" Value="Top"/>
<Setter Property="VerticalContentAlignment" Value="Top"/>
<Setter Property="TextWrapping" Value="Wrap"/>
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled"/>
</Style>

</Styles>
2 changes: 1 addition & 1 deletion src/UniGetUI.Avalonia/Assets/Styles/Styles.WindowsMica.axaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@
<SolidColorBrush x:Key="SettingsCardBorderBrush" Color="#26FFFFFF"/>
<!-- Package list: near-transparent so Mica shows through, matching WinUI's SystemFillColorNeutralBackground -->
<SolidColorBrush x:Key="PackageListBackground" Color="#08FFFFFF"/>
<SolidColorBrush x:Key="SettingsCardHoverBackground" Color="#66383838"/>
<SolidColorBrush x:Key="SettingsCardHoverBackground" Color="#15FFFFFF"/>
<SolidColorBrush x:Key="AppSplitterBackground" Color="#66000000"/>
<SolidColorBrush x:Key="AppOperationsPanelBackground" Color="#66202020"/>
<SolidColorBrush x:Key="AppBorderBrush" Color="#33FFFFFF"/>
Expand Down
Loading
Loading