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="Padding" Value="4,0,28,0" />
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled" />
    <Setter Property="ItemsPanel">
      <ItemsPanelTemplate>
        <VirtualizingStackPanel Orientation="Horizontal" />
      </ItemsPanelTemplate>
    </Setter>
  </Style>

  <Style Selector="ListBox.tileGrid.gridLayout">
    <Setter Property="Padding" Value="4,0,14,0" />
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled" />
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
    <Setter Property="ItemsPanel">
      <ItemsPanelTemplate>
        <WrapPanel />
      </ItemsPanelTemplate>
    </Setter>
  </Style>
  <Style Selector="ListBox.tileGrid ListBoxItem">
    <Setter Property="Width" Value="160" />
    <Setter Property="Height" Value="172" />
    <Setter Property="Padding" Value="4" />
    <Setter Property="Margin" Value="0,8,12,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>
  <!-- The title rides along in the item template so both layouts share one
       template. The rail hides it because the selected game already names
       itself in the details below the covers. -->
  <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="200" />
    <Setter Property="Margin" Value="0,6,12,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>