sharpemu/src/SharpEmu.GUI/Themes/Styles/Library.axaml

<!--
Copyright (C) 2026 SharpEmu Emulator Project
SPDX-License-Identifier: GPL-2.0-or-later
Cover-art library item states and motion.
-->

<Styles xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Style Selector="ListBox.tileGrid">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="VerticalAlignment" Value="Top" />
    <Setter Property="Margin" Value="-32,0,-32,0" />
    <Setter Property="Padding" Value="0" />
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled" />
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled" />
    <Setter Property="ItemsPanel">
      <ItemsPanelTemplate>
        <StackPanel Orientation="Horizontal" />
      </ItemsPanelTemplate>
    </Setter>
  </Style>

  <Style Selector="ListBox.tileGrid.gridLayout">
    <Setter Property="VerticalAlignment" Value="Stretch" />
    <Setter Property="Margin" Value="0" />
    <Setter Property="Padding" Value="4,0,8,0" />
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled" />
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Visible" />
    <Setter Property="ItemsPanel">
      <ItemsPanelTemplate>
        <WrapPanel />
      </ItemsPanelTemplate>
    </Setter>
  </Style>
  <Style Selector="ListBox.tileGrid ListBoxItem">
    <Setter Property="FocusAdorner" Value="{x:Null}" />
    <Setter Property="Width" Value="{DynamicResource LibraryTileWidth}" />
    <Setter Property="Height" Value="{DynamicResource LibraryRailItemHeight}" />
    <Setter Property="Padding" Value="4" />
    <Setter Property="Margin" Value="12,8,0,8" />
    <Setter Property="CornerRadius" Value="9" />
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="BorderBrush" Value="Transparent" />
    <Setter Property="Opacity" Value="0.72" />
    <Setter Property="RenderTransformOrigin" Value="50%,50%" />
    <Setter Property="RenderTransform" Value="translateY(0px)" />
    <Setter Property="Transitions">
      <Transitions>
        <DoubleTransition Property="Opacity"
                          Duration="0:0:0.11"
                          Easing="QuadraticEaseOut" />
        <TransformOperationsTransition Property="RenderTransform"
                                       Duration="0:0:0.16"
                                       Easing="CubicEaseOut" />
      </Transitions>
    </Setter>
  </Style>
  <!-- Both layouts use one item template. The carousel hides the title
       because the details area shows the selected game name. -->
  <Style Selector="TextBlock.libraryTileName">
    <Setter Property="IsVisible" Value="False" />
    <Setter Property="FontSize" Value="12" />
    <Setter Property="FontWeight" Value="SemiBold" />
    <Setter Property="LineHeight" Value="16" />
    <Setter Property="Foreground" Value="{StaticResource TextBrush}" />
  </Style>
  <Style Selector="ListBox.tileGrid.gridLayout TextBlock.libraryTileName">
    <Setter Property="IsVisible" Value="True" />
  </Style>
  <Style Selector="ListBox.tileGrid.gridLayout ListBoxItem">
    <Setter Property="Height" Value="{DynamicResource LibraryGridItemHeight}" />
    <Setter Property="Margin" Value="12,6,0,10" />
    <Setter Property="VerticalContentAlignment" Value="Top" />
  </Style>

  <Style Selector="ListBox.tileGrid ListBoxItem:pointerover,
                   ListBox.tileGrid ListBoxItem:selected">
    <Setter Property="Opacity" Value="1" />
    <Setter Property="RenderTransform" Value="translateY(-5px) scale(1.035)" />
  </Style>
  <Style Selector="ListBox.tileGrid ListBoxItem /template/ ContentPresenter#PART_ContentPresenter,
                   ListBox.tileGrid ListBoxItem:pointerover /template/ ContentPresenter#PART_ContentPresenter,
                   ListBox.tileGrid ListBoxItem:selected /template/ ContentPresenter#PART_ContentPresenter">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="BorderBrush" Value="Transparent" />
  </Style>

  <Style Selector="Border.libraryGameCard">
    <Setter Property="CornerRadius" Value="7" />
    <Setter Property="BorderThickness" Value="2" />
    <Setter Property="BorderBrush" Value="Transparent" />
    <Setter Property="BoxShadow" Value="0 12 28 0 #61000000" />
    <Setter Property="Transitions">
      <Transitions>
        <BrushTransition Property="BorderBrush"
                         Duration="0:0:0.12"
                         Easing="QuadraticEaseOut" />
      </Transitions>
    </Setter>
  </Style>
  <Style Selector="ListBox.tileGrid ListBoxItem:selected Border.libraryGameCard">
    <Setter Property="BorderBrush" Value="#E6FFFFFF" />
  </Style>
  <Style Selector="Border.libraryGameCard Border.coverClip">
    <Setter Property="CornerRadius" Value="5" />
  </Style>

  <Style Selector="Border.addFolderTile">
    <Setter Property="CornerRadius" Value="7" />
    <Setter Property="Background" Value="#0CFFFFFF" />
    <Setter Property="BorderBrush" Value="#2EFFFFFF" />
    <Setter Property="BorderThickness" Value="1.5" />
    <Setter Property="BoxShadow" Value="0 12 28 0 #3A000000" />
    <Setter Property="Transitions">
      <Transitions>
        <BrushTransition Property="Background"
                         Duration="0:0:0.18"
                         Easing="CubicEaseOut" />
        <BrushTransition Property="BorderBrush"
                         Duration="0:0:0.18"
                         Easing="CubicEaseOut" />
      </Transitions>
    </Setter>
  </Style>
  <Style Selector="Border.addFolderTileIcon">
    <Setter Property="Width" Value="60" />
    <Setter Property="Height" Value="60" />
    <Setter Property="CornerRadius" Value="30" />
    <Setter Property="Background" Value="#1BFFFFFF" />
    <Setter Property="Transitions">
      <Transitions>
        <BrushTransition Property="Background"
                         Duration="0:0:0.18"
                         Easing="CubicEaseOut" />
      </Transitions>
    </Setter>
  </Style>
  <Style Selector="TextBlock.addFolderGlyph">
    <Setter Property="Foreground" Value="#A6FFFFFF" />
    <Setter Property="Transitions">
      <Transitions>
        <BrushTransition Property="Foreground"
                         Duration="0:0:0.18"
                         Easing="CubicEaseOut" />
      </Transitions>
    </Setter>
  </Style>
  <Style Selector="TextBlock.addFolderIconGlyph">
    <Setter Property="RenderTransform" Value="translateY(-7px)" />
  </Style>
  <Style Selector="ListBox.tileGrid ListBoxItem:pointerover TextBlock.addFolderGlyph,
                   ListBox.tileGrid ListBoxItem:selected TextBlock.addFolderGlyph">
    <Setter Property="Foreground" Value="White" />
  </Style>
  <Style Selector="ListBox.tileGrid ListBoxItem:pointerover Border.addFolderTile,
                   ListBox.tileGrid ListBoxItem:selected Border.addFolderTile">
    <Setter Property="Background" Value="#1AFFFFFF" />
    <Setter Property="BorderBrush" Value="#55FFFFFF" />
  </Style>
  <Style Selector="ListBox.tileGrid ListBoxItem:pointerover Border.addFolderTileIcon,
                   ListBox.tileGrid ListBoxItem:selected Border.addFolderTileIcon">
    <Setter Property="Background" Value="#2EFFFFFF" />
  </Style>
</Styles>