aboutsummaryrefslogtreecommitdiff
path: root/Ryujinx.Ava/Assets/Styles
diff options
context:
space:
mode:
Diffstat (limited to 'Ryujinx.Ava/Assets/Styles')
-rw-r--r--Ryujinx.Ava/Assets/Styles/BaseDark.xaml56
-rw-r--r--Ryujinx.Ava/Assets/Styles/BaseLight.xaml51
-rw-r--r--Ryujinx.Ava/Assets/Styles/Styles.xaml266
3 files changed, 373 insertions, 0 deletions
diff --git a/Ryujinx.Ava/Assets/Styles/BaseDark.xaml b/Ryujinx.Ava/Assets/Styles/BaseDark.xaml
new file mode 100644
index 00000000..b80cb11f
--- /dev/null
+++ b/Ryujinx.Ava/Assets/Styles/BaseDark.xaml
@@ -0,0 +1,56 @@
+<Styles
+ xmlns="https://github.com/avaloniaui"
+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+ <StyleInclude Source="avares://Ryujinx.Ava/Assets/Styles/Styles.xaml" />
+ <Design.PreviewWith>
+ <Border Padding="20" Height="2000">
+ <StackPanel Spacing="5">
+ <TextBlock Text="Code Font Family" />
+ <Grid RowDefinitions="*,Auto">
+ <Menu Grid.Row="1" Width="100">
+ <MenuItem Header="File">
+ <MenuItem Header="Test 1" />
+ <MenuItem Header="Test 2" />
+ <MenuItem Header="Test 3">
+ <MenuItem.Icon>
+ <CheckBox Margin="0" IsChecked="{Binding Checkbox, Mode=TwoWay}" />
+ </MenuItem.Icon>
+ </MenuItem>
+ </MenuItem>
+ </Menu>
+ <StackPanel Orientation="Horizontal">
+ <Button
+ Name="btnAdd"
+ HorizontalAlignment="Right"
+ Content="Add" />
+ <Button
+ Name="btnRem"
+ HorizontalAlignment="Right"
+ Content="Add" />
+ <TextBox Width="100" VerticalAlignment="Center" Text="Rrrrr" Watermark="Hello"
+ UseFloatingWatermark="True" />
+ <CheckBox>Test Check</CheckBox>
+ </StackPanel>
+ </Grid>
+ </StackPanel>
+ </Border>
+ </Design.PreviewWith>
+ <Styles.Resources>
+ <SolidColorBrush x:Key="DataGridSelectionBackgroundBrush" Color="{DynamicResource DataGridSelectionColor}" />
+ <SolidColorBrush x:Key="ThemeAccentColorBrush" Color="{DynamicResource SystemAccentColor}" />
+ <SolidColorBrush x:Key="ThemeAccentBrush4" Color="{DynamicResource ThemeAccentColor4}" />
+ <Color x:Key="SystemAccentColor">#FF00C3E3</Color>
+ <Color x:Key="SystemAccentColorDark1">#FF99b000</Color>
+ <Color x:Key="SystemAccentColorDark2">#FF006d7d</Color>
+ <Color x:Key="SystemAccentColorDark3">#FF00525E</Color>
+ <Color x:Key="SystemAccentColorLight1">#FF00dbff</Color>
+ <Color x:Key="SystemAccentColorLight2">#FF19dfff</Color>
+ <Color x:Key="SystemAccentColorLight3">#FF33e3ff</Color>
+ <Color x:Key="DataGridSelectionColor">#FF00FABB</Color>
+ <Color x:Key="ThemeContentBackgroundColor">#FF2D2D2D</Color>
+ <Color x:Key="ThemeControlBorderColor">#FF505050</Color>
+ <Color x:Key="TextOnAccentFillColorPrimary">#FFFFFFFF</Color>
+ <Color x:Key="SystemChromeWhiteColor">#FFFFFFFF</Color>
+ <Color x:Key="ThemeForegroundColor">#FFFFFFFF</Color>
+ </Styles.Resources>
+</Styles> \ No newline at end of file
diff --git a/Ryujinx.Ava/Assets/Styles/BaseLight.xaml b/Ryujinx.Ava/Assets/Styles/BaseLight.xaml
new file mode 100644
index 00000000..c2739895
--- /dev/null
+++ b/Ryujinx.Ava/Assets/Styles/BaseLight.xaml
@@ -0,0 +1,51 @@
+<Styles
+ xmlns="https://github.com/avaloniaui"
+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+ <StyleInclude Source="avares://Ryujinx.Ava/Assets/Styles/Styles.xaml" />
+ <Design.PreviewWith>
+ <Border Padding="20" Height="2000">
+ <StackPanel Spacing="5">
+ <TextBlock Text="Code Font Family" />
+ <Grid RowDefinitions="*,Auto">
+ <Menu Grid.Row="1" Width="100">
+ <MenuItem Header="File">
+ <MenuItem Header="Test 1" />
+ <MenuItem Header="Test 2" />
+ <MenuItem Header="Test 3">
+ <MenuItem.Icon>
+ <CheckBox Margin="0" IsChecked="{Binding Checkbox, Mode=TwoWay}" />
+ </MenuItem.Icon>
+ </MenuItem>
+ </MenuItem>
+ </Menu>
+ <StackPanel Orientation="Horizontal">
+ <Button
+ Name="btnAdd"
+ HorizontalAlignment="Right"
+ Content="Add" />
+ <Button
+ Name="btnRem"
+ HorizontalAlignment="Right"
+ Content="Add" />
+ <TextBox Width="100" VerticalAlignment="Center" Text="Rrrrr" Watermark="Hello"
+ UseFloatingWatermark="True" />
+ <CheckBox>Test Check</CheckBox>
+ </StackPanel>
+ </Grid>
+ </StackPanel>
+ </Border>
+ </Design.PreviewWith>
+ <Styles.Resources>
+ <SolidColorBrush x:Key="DataGridSelectionBackgroundBrush" Color="{DynamicResource DataGridSelectionColor}" />
+ <SolidColorBrush x:Key="ThemeAccentColorBrush" Color="{DynamicResource SystemAccentColor}" />
+ <SolidColorBrush x:Key="ThemeAccentBrush4" Color="{DynamicResource ThemeAccentColor4}" />
+ <Color x:Key="SystemAccentColor">#FF00C3E3</Color>
+ <Color x:Key="ThemeAccentColor4">#FFe8e8e8</Color>
+ <Color x:Key="DataGridSelectionColor">#FF00FABB</Color>
+ <Color x:Key="ThemeContentBackgroundColor">#FFF0F0F0</Color>
+ <Color x:Key="ThemeControlBorderColor">#FFd6d6d6</Color>
+ <Color x:Key="TextOnAccentFillColorPrimary">#FFFFFFFF</Color>
+ <Color x:Key="SystemChromeWhiteColor">#FFFFFFFF</Color>
+ <Color x:Key="ThemeForegroundColor">#FF000000</Color>
+ </Styles.Resources>
+</Styles> \ No newline at end of file
diff --git a/Ryujinx.Ava/Assets/Styles/Styles.xaml b/Ryujinx.Ava/Assets/Styles/Styles.xaml
new file mode 100644
index 00000000..422e6fa4
--- /dev/null
+++ b/Ryujinx.Ava/Assets/Styles/Styles.xaml
@@ -0,0 +1,266 @@
+<Styles
+ xmlns="https://github.com/avaloniaui"
+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+ xmlns:ui="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
+ xmlns:sys="clr-namespace:System;assembly=netstandard">
+ <Design.PreviewWith>
+ <Border Padding="20" Height="2000">
+ <StackPanel Spacing="5">
+ <TextBlock Text="Code Font Family" />
+ <Grid RowDefinitions="*,Auto">
+ <Menu Grid.Row="1" Width="100">
+ <MenuItem Header="File">
+ <MenuItem Header="Test 1" />
+ <MenuItem Header="Test 2" />
+ <MenuItem Header="Test 3">
+ <MenuItem.Icon>
+ <CheckBox Margin="0" IsChecked="{Binding Checkbox, Mode=TwoWay}" />
+ </MenuItem.Icon>
+ </MenuItem>
+ </MenuItem>
+ </Menu>
+ <StackPanel Orientation="Horizontal">
+ <ToggleButton
+ Name="btnAdd"
+ HorizontalAlignment="Right"
+ Height="28"
+ Content="Addy" />
+ <Button
+ Name="btnRem"
+ HorizontalAlignment="Right"
+ Content="Add" />
+ <TextBox Width="100" VerticalAlignment="Center" Text="Rrrrr" Watermark="Hello"
+ UseFloatingWatermark="True" />
+ <CheckBox>Test Check</CheckBox>
+ </StackPanel>
+ </Grid>
+ <ui:NumberBox Value="1" />
+ </StackPanel>
+ </Border>
+ </Design.PreviewWith>
+ <Style Selector="Border.small">
+ <Setter Property="Width" Value="100" />
+ </Style>
+ <Style Selector="Border.normal">
+ <Setter Property="Width" Value="130" />
+ </Style>
+ <Style Selector="Border.large">
+ <Setter Property="Width" Value="160" />
+ </Style>
+ <Style Selector="Border.huge">
+ <Setter Property="Width" Value="200" />
+ </Style>
+ <Style Selector="Image.small">
+ <Setter Property="Width" Value="50" />
+ </Style>
+ <Style Selector="Image.normal">
+ <Setter Property="Width" Value="80" />
+ </Style>
+ <Style Selector="Image.large">
+ <Setter Property="Width" Value="100" />
+ </Style>
+ <Style Selector="Image.huge">
+ <Setter Property="Width" Value="120" />
+ </Style>
+ <Style Selector="RadioButton">
+ <Setter Property="VerticalContentAlignment" Value="Center" />
+ </Style>
+ <Style Selector="#TitleBarHost > Image">
+ <Setter Property="Margin" Value="10" />
+ </Style>
+ <Style Selector="#TitleBarHost > Label">
+ <Setter Property="Margin" Value="5" />
+ <Setter Property="FontSize" Value="14" />
+ </Style>
+ <Style Selector="Button.SystemCaption">
+ <Setter Property="MinWidth" Value="10" />
+ </Style>
+ <Style Selector="DataGridColumnHeader">
+ <Setter Property="Foreground" Value="{DynamicResource ThemeForegroundBrush}" />
+ <Setter Property="HorizontalContentAlignment" Value="Center" />
+ <Setter Property="BorderThickness" Value="1" />
+ <Setter Property="VerticalContentAlignment" Value="Center" />
+ <Setter Property="Background" Value="{DynamicResource ThemeControlBorderColor}" />
+ <Setter Property="SeparatorBrush" Value="{DynamicResource ThemeControlBorderColor}" />
+ <Setter Property="Padding" Value="5" />
+ <Setter Property="Background" Value="{DynamicResource ThemeContentBackgroundColor}" />
+ <Setter Property="Template">
+ <ControlTemplate>
+ <Grid Background="{TemplateBinding Background}" ColumnDefinitions="*,Auto">
+ <Grid
+ Margin="{TemplateBinding Padding}"
+ HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+ VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+ ColumnDefinitions="*,Auto">
+ <ContentPresenter Content="{TemplateBinding Content}" />
+ <Path
+ Name="SortIcon"
+ Grid.Column="1"
+ Width="8"
+ Margin="4,0,0,0"
+ HorizontalAlignment="Left"
+ VerticalAlignment="Center"
+ Data="F1 M -5.215,6.099L 5.215,6.099L 0,0L -5.215,6.099 Z "
+ Fill="{TemplateBinding Foreground}"
+ Stretch="Uniform" />
+ </Grid>
+ <Rectangle
+ Name="VerticalSeparator"
+ Grid.Column="1"
+ Width="1"
+ VerticalAlignment="Stretch"
+ Fill="{TemplateBinding SeparatorBrush}"
+ IsVisible="{TemplateBinding AreSeparatorsVisible}" />
+ </Grid>
+ </ControlTemplate>
+ </Setter>
+ </Style>
+ <Style Selector="DataGrid">
+ <Setter Property="RowBackground" Value="{DynamicResource ThemeAccentBrush4}" />
+ <Setter Property="AlternatingRowBackground" Value="#00FFFFFF" />
+ <Setter Property="Background" Value="{DynamicResource ThemeBackgroundBrush}" />
+ <Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderLowColor}" />
+ <Setter Property="BorderThickness" Value="{DynamicResource ThemeBorderThickness}" />
+ </Style>
+ <Style Selector="DataGridRow:selected:focus /template/ Rectangle#BackgroundRectangle">
+ <Setter Property="Fill" Value="{DynamicResource SystemAccentColor}" />
+ <Setter Property="Opacity" Value="{DynamicResource DataGridRowSelectedBackgroundOpacity}" />
+ </Style>
+ <Style Selector="DataGridRow:pointerover /template/ Rectangle#BackgroundRectangle">
+ <Setter Property="Fill" Value="{DynamicResource SystemListLowColor}" />
+ </Style>
+ <Style Selector="DataGridRow:selected /template/ Rectangle#BackgroundRectangle">
+ <Setter Property="Fill" Value="{DynamicResource SystemAccentColor}" />
+ <Setter Property="Opacity" Value="{DynamicResource DataGridRowSelectedUnfocusedBackgroundOpacity}" />
+ </Style>
+ <Style Selector="DataGridRow:selected:pointerover /template/ Rectangle#BackgroundRectangle">
+ <Setter Property="Fill" Value="{DynamicResource SystemAccentColor}" />
+ <Setter Property="Opacity" Value="{DynamicResource DataGridRowSelectedHoveredUnfocusedBackgroundOpacity}" />
+ </Style>
+ <Style Selector="DataGridRow:selected:pointerover:focus /template/ Rectangle#BackgroundRectangle">
+ <Setter Property="Fill" Value="{DynamicResource SystemAccentColor}" />
+ <Setter Property="Opacity" Value="{DynamicResource DataGridRowSelectedHoveredBackgroundOpacity}" />
+ </Style>
+ <Style Selector="DataGridCell">
+ <Setter Property="HorizontalAlignment" Value="Center" />
+ <Setter Property="HorizontalContentAlignment" Value="Center" />
+ </Style>
+ <Style Selector="DataGridCell.Left">
+ <Setter Property="HorizontalAlignment" Value="Left" />
+ </Style>
+ <Style Selector="CheckBox">
+ <Setter Property="BorderThickness" Value="1" />
+ </Style>
+
+ <Style Selector="MenuItem">
+ <Setter Property="Height" Value="{DynamicResource MenuItemHeight}" />
+ <Setter Property="Padding" Value="{DynamicResource MenuItemPadding}" />
+ </Style>
+ <Style Selector="MenuItem:selected /template/ Border#root">
+ <Setter Property="Background" Value="{DynamicResource ThemeControlBorderColor}" />
+ <Setter Property="BorderBrush" Value="{DynamicResource ThemeControlBorderColor}" />
+ </Style>
+ <Style Selector="TabItem &gt; ScrollViewer">
+ <Setter Property="Background" Value="{DynamicResource ThemeBackgroundColor}" />
+ <Setter Property="Margin" Value="0,-5,0,0" />
+ </Style>
+ <Style Selector="TabItem &gt; ScrollViewer &gt; Border">
+ <Setter Property="BorderThickness" Value="0,1,0,0" />
+ <Setter Property="Background" Value="{DynamicResource ThemeBackgroundColor}" />
+ <Setter Property="BorderBrush" Value="{DynamicResource HighlightBrush}" />
+ </Style>
+ <Style Selector="Button">
+ <Setter Property="MinWidth" Value="80" />
+ </Style>
+ <Style Selector="ToggleButton">
+ <Setter Property="Padding" Value="0,-5,0,0" />
+ </Style>
+ <Style Selector="TabItem">
+ <Setter Property="FontSize" Value="14" />
+ <Setter Property="BorderThickness" Value="0,0,1,0" />
+ <Setter Property="BorderBrush" Value="{DynamicResource ThemeButtonForegroundColor}" />
+ <Setter Property="Background" Value="{DynamicResource HighlightColor}" />
+ </Style>
+ <Style Selector="TabItem:pointerover">
+ <Setter Property="Foreground" Value="{DynamicResource ThemeButtonForegroundColor}" />
+ </Style>
+ <Style Selector="TabItem:selected">
+ <Setter Property="Background" Value="{DynamicResource HighlightColor}" />
+ <Setter Property="Foreground" Value="{DynamicResource ThemeBackgroundColor}" />
+ </Style>
+ <Style Selector="TextBlock">
+ <Setter Property="Margin" Value="{DynamicResource TextMargin}" />
+ <Setter Property="FontSize" Value="{DynamicResource FontSize}" />
+ <Setter Property="VerticalAlignment" Value="Center" />
+ </Style>
+ <Style Selector="Separator">
+ <Setter Property="Background" Value="{DynamicResource ThemeControlBorderColor}" />
+ <Setter Property="Foreground" Value="{DynamicResource ThemeControlBorderColor}" />
+ <Setter Property="MinHeight" Value="1" />
+ </Style>
+ <Style Selector=":is(Button).DateTimeFlyoutButtonStyle">
+ <Setter Property="Background" Value="{DynamicResource HighlightColor}" />
+ <Setter Property="Foreground" Value="{DynamicResource ThemeBackgroundColor}" />
+ </Style>
+ <Style Selector="DatePickerPresenter">
+ <Setter Property="BorderThickness" Value="1" />
+ <Setter Property="BorderBrush" Value="{DynamicResource ThemeButtonForegroundColor}" />
+ </Style>
+ <Style Selector="DataGridCell">
+ <Setter Property="FontSize" Value="14" />
+ </Style>
+ <Style Selector="CheckBox TextBlock">
+ <Setter Property="Margin" Value="0,5,0,0" />
+ </Style>
+ <Style Selector="ContextMenu">
+ <Setter Property="BorderBrush" Value="{DynamicResource MenuFlyoutPresenterBorderBrush}" />
+ <Setter Property="BorderThickness" Value="{DynamicResource MenuFlyoutPresenterBorderThemeThickness}" />
+ </Style>
+ <Style Selector="TextBox.NumberBoxTextBoxStyle">
+ <Setter Property="Foreground" Value="{DynamicResource ThemeForegroundColor}" />
+ </Style>
+ <Styles.Resources>
+ <StaticResource x:Key="ListViewItemBackgroundSelected" ResourceKey="ThemeAccentColorBrush" />
+ <StaticResource x:Key="ListViewItemBackgroundPressed" ResourceKey="SystemAccentColorDark1" />
+ <StaticResource x:Key="ListViewItemBackgroundPointerOver" ResourceKey="SystemAccentColorDark2" />
+ <StaticResource x:Key="ListViewItemBackgroundSelectedPressed" ResourceKey="ThemeAccentColorBrush" />
+ <StaticResource x:Key="ListViewItemBackgroundSelectedPointerOver" ResourceKey="SystemAccentColorDark2" />
+ <SolidColorBrush x:Key="DataGridGridLinesBrush"
+ Color="{DynamicResource SystemBaseMediumLowColor}"
+ Opacity="0.4" />
+ <SolidColorBrush x:Key="DataGridSelectionBackgroundBrush" Color="{DynamicResource DataGridSelectionColor}" />
+ <SolidColorBrush x:Key="MenuFlyoutPresenterBorderBrush"
+ Color="{DynamicResource MenuFlyoutPresenterBorderColor}" />
+ <SolidColorBrush x:Key="ThemeAccentColorBrush" Color="{DynamicResource SystemAccentColor}" />
+ <SolidColorBrush x:Key="ListBoxBackground" Color="{DynamicResource ThemeContentBackgroundColor}" />
+ <SolidColorBrush x:Key="ThemeForegroundBrush" Color="{DynamicResource ThemeForegroundColor}" />
+ <SolidColorBrush x:Key="ThemeAccentBrush4" Color="{DynamicResource ThemeAccentColor4}" />
+ <SolidColorBrush x:Key="SplitButtonBackgroundChecked" Color="#00E81123" />
+ <SolidColorBrush x:Key="SplitButtonBackgroundCheckedPointerOver" Color="#00E81123" />
+ <SolidColorBrush x:Key="SplitButtonBackgroundCheckedPressed" Color="#00E81123" />
+ <SolidColorBrush x:Key="SplitButtonBackgroundCheckedDisabled" Color="#00E81123" />
+ <Thickness x:Key="PageMargin">40 0 40 0</Thickness>
+ <Thickness x:Key="Margin">0 5 0 5</Thickness>
+ <Thickness x:Key="TextMargin">0 4 0 0</Thickness>
+ <Thickness x:Key="MenuItemPadding">5 0 5 0</Thickness>
+ <Color x:Key="MenuFlyoutPresenterBorderColor">#00000000</Color>
+ <Color x:Key="SystemAccentColor">#FF00C3E3</Color>
+ <Color x:Key="SystemAccentColorDark1">#FF00C3E3</Color>
+ <Color x:Key="SystemAccentColorDark2">#FF00C3E3</Color>
+ <Color x:Key="SystemAccentColorDark3">#FF00C3E3</Color>
+ <Color x:Key="SystemAccentColorLight1">#FF00C3E3</Color>
+ <Color x:Key="SystemAccentColorLight2">#FF00C3E3</Color>
+ <Color x:Key="SystemAccentColorLight3">#FF00C3E3</Color>
+ <Color x:Key="DataGridSelectionColor">#FF00FABB</Color>
+ <Color x:Key="ThemeContentBackgroundColor">#FF2D2D2D</Color>
+ <Color x:Key="ThemeControlBorderColor">#FF505050</Color>
+ <sys:Double x:Key="ScrollBarThickness">15</sys:Double>
+ <sys:Double x:Key="FontSizeSmall">8</sys:Double>
+ <sys:Double x:Key="FontSizeNormal">10</sys:Double>
+ <sys:Double x:Key="FontSize">12</sys:Double>
+ <sys:Double x:Key="FontSizeLarge">15</sys:Double>
+ <sys:Double x:Key="ControlContentThemeFontSize">13</sys:Double>
+ <x:Double x:Key="MenuItemHeight">26</x:Double>
+ <x:Double x:Key="TabItemMinHeight">28</x:Double>
+ </Styles.Resources>
+</Styles> \ No newline at end of file