feat: Add theme.

demo/Ursa.Demo/Models/MenuKeys.cs

@@ -1,37 +0,0 @@
-namespace Ursa.Demo;
-
-public static class MenuKeys
-{
-    public const string MenuKeyIntroduction = "Introduction";
-    public const string MenuKeyBadge = "Badge";
-    public const string MenuKeyBanner = "Banner";
-    public const string MenuKeyButtonGroup = "ButtonGroup";
-    public const string MenuKeyBreadcrumb = "Breadcrumb";
-    public const string MenuKeyClassInput = "Class Input";
-    public const string MenuKeyDialog = "Dialog";
-    public const string MenuKeyDivider = "Divider";
-    public const string MenuKeyDisableContainer = "DisableContainer";
-    public const string MenuKeyDrawer = "Drawer";
-    public const string MenuKeyDualBadge = "DualBadge";
-    public const string MenuKeyEnumSelector = "EnumSelector";
-    public const string MenuKeyForm = "Form";
-    public const string MenuKeyImageViewer = "ImageViewer";
-    public const string MenuKeyIpBox = "IPv4Box";
-    public const string MenuKeyIconButton = "IconButton";
-    public const string MenuKeyKeyGestureInput = "KeyGestureInput";
-    public const string MenuKeyLoading = "Loading";
-    public const string MenuKeyMessageBox = "MessageBox";
-    public const string MenuKeyNavMenu = "NavMenu";
-    public const string MenuKeyNumberDisplayer = "NumberDisplayer";
-    public const string MenuKeyNumericUpDown = "NumericUpDown";
-    public const string MenuKeyPagination = "Pagination";
-    public const string MenuKeyRangeSlider = "RangeSlider";
-    public const string MenuKeySelectionList = "SelectionList";
-    public const string MenuKeyTagInput = "TagInput";
-    public const string MenuKeySkeleton = "Skeleton"; 
-    public const string MenuKeyTimeline = "Timeline";
-    public const string MenuKeyTwoTonePathIcon = "TwoTonePathIcon";
-    public const string MenuKeyThemeToggler = "ThemeToggler";
-    public const string MenuKeyToolBar = "ToolBar";
-
-}

demo/Ursa.Demo/Pages/BadgeDemo.axaml

@@ -8,7 +8,7 @@
     d:DesignHeight="850"
     d:DesignWidth="850"
     mc:Ignorable="d">
-    <ScrollViewer HorizontalScrollBarVisibility="Auto" u:ScrollTo.Direction="Top">
+    <ScrollViewer HorizontalScrollBarVisibility="Auto" u:ScrollTo.Direction="Bottom">
         <StackPanel
             Margin="24"
             HorizontalAlignment="Left"

demo/Ursa.Demo/Pages/ScrollToButtonDemo.axaml

@@ -0,0 +1,76 @@
+<UserControl
+    x:Class="Ursa.Demo.Pages.ScrollToButtonDemo"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:u="https://irihi.tech/ursa"
+    xmlns:vm="clr-namespace:Ursa.Demo.ViewModels"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    x:CompileBindings="True"
+    x:DataType="vm:ScrollToButtonDemoViewModel"
+    mc:Ignorable="d">
+    <UserControl.Styles>
+        <Style Selector="ScrollViewer">
+            <Setter Property="Margin" Value="8" />
+        </Style>
+        <Style Selector="ScrollViewer Border.Content">
+            <Setter Property="Background">
+                <Setter.Value>
+                    <LinearGradientBrush StartPoint="0, 0" EndPoint="2000, 2000">
+                        <GradientStop Color="{DynamicResource SemiPurple9Color}" Offset="0.0"></GradientStop>
+                        <GradientStop Color="{DynamicResource SemiPurple5Color}" Offset="0.5"></GradientStop>
+                        <GradientStop Color="{DynamicResource SemiPurple1Color}" Offset="1.0"></GradientStop>
+                    </LinearGradientBrush>
+                </Setter.Value>
+            </Setter>
+        </Style>
+    </UserControl.Styles>
+    <Grid ColumnDefinitions="*, *, *, *, *" RowDefinitions="Auto, *">
+        <TextBlock Grid.Row="0" Grid.Column="0">Scroll To Top</TextBlock>
+        <TextBlock Grid.Row="0" Grid.Column="1">Scroll To Bottom</TextBlock>
+        <TextBlock Grid.Row="0" Grid.Column="2">Scroll To Left</TextBlock>
+        <TextBlock Grid.Row="0" Grid.Column="3">Scroll To Right</TextBlock>
+        <TextBlock Grid.Row="0" Grid.Column="4">Scroll To Top</TextBlock>
+        <ScrollViewer
+            Grid.Row="1"
+            Grid.Column="0"
+            u:ScrollTo.Direction="Top"
+            HorizontalScrollBarVisibility="Disabled"
+            VerticalScrollBarVisibility="Auto">
+            <Border Classes="Content" Height="2000" HorizontalAlignment="Stretch" />
+        </ScrollViewer>
+        <ScrollViewer
+            Grid.Row="1"
+            Grid.Column="1"
+            u:ScrollTo.Direction="Bottom"
+            HorizontalScrollBarVisibility="Disabled"
+            VerticalScrollBarVisibility="Auto">
+            <Border Classes="Content" Height="2000" HorizontalAlignment="Stretch" />
+        </ScrollViewer>
+        <ScrollViewer
+            Grid.Row="1"
+            Grid.Column="2"
+            u:ScrollTo.Direction="Left"
+            HorizontalScrollBarVisibility="Auto"
+            VerticalScrollBarVisibility="Disabled">
+            <Border Classes="Content" Width="2000" VerticalAlignment="Stretch" />
+        </ScrollViewer>
+        <ScrollViewer
+            Grid.Row="1"
+            Grid.Column="3"
+            u:ScrollTo.Direction="Right"
+            HorizontalScrollBarVisibility="Auto"
+            VerticalScrollBarVisibility="Disabled">
+            <Border Classes="Content" Width="2000" VerticalAlignment="Stretch" />
+        </ScrollViewer>
+        <ListBox
+            Grid.Row="1"
+            Grid.Column="4"
+            u:ScrollTo.Direction="Top"
+            ItemsSource="{Binding Items}"
+            ScrollViewer.HorizontalScrollBarVisibility="Disabled"
+            ScrollViewer.VerticalScrollBarVisibility="Auto" />
+    </Grid>
+</UserControl>

demo/Ursa.Demo/Pages/ScrollToButtonDemo.axaml.cs

@@ -0,0 +1,13 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Ursa.Demo.Pages;
+
+public partial class ScrollToButtonDemo : UserControl
+{
+    public ScrollToButtonDemo()
+    {
+        InitializeComponent();
+    }
+}

demo/Ursa.Demo/Ursa.Demo.csproj

@@ -32,4 +32,8 @@
         <DependentUpon>SkeletonDemo.axaml</DependentUpon>
       </Compile>
     </ItemGroup>
+
+    <ItemGroup>
+      <Folder Include="Models\" />
+    </ItemGroup>
 </Project>

demo/Ursa.Demo/ViewModels/MainViewViewModel.cs

@@ -48,6 +48,7 @@ public class MainViewViewModel : ViewModelBase
             MenuKeys.MenuKeyNumericUpDown => new NumericUpDownDemoViewModel(),
             MenuKeys.MenuKeyPagination => new PaginationDemoViewModel(),
             MenuKeys.MenuKeyRangeSlider => new RangeSliderDemoViewModel(),
+            MenuKeys.MenuKeyScrollToButton => new ScrollToButtonDemoViewModel(),
             MenuKeys.MenuKeySelectionList => new SelectionListDemoViewModel(),
             MenuKeys.MenuKeySkeleton => new SkeletonDemoViewModel(),
             MenuKeys.MenuKeyTagInput => new TagInputDemoViewModel(),

demo/Ursa.Demo/ViewModels/MenuViewModel.cs

@@ -35,6 +35,7 @@ public class MenuViewModel: ViewModelBase
             new() { MenuHeader = "Numeric UpDown", Key = MenuKeys.MenuKeyNumericUpDown },
             new() { MenuHeader = "Pagination", Key = MenuKeys.MenuKeyPagination },
             new() { MenuHeader = "RangeSlider", Key = MenuKeys.MenuKeyRangeSlider },
+            new() { MenuHeader = "ScrollToButton", Key = MenuKeys.MenuKeyScrollToButton, Status = "New" },
             new() { MenuHeader = "Selection List", Key = MenuKeys.MenuKeySelectionList, Status = "New" },
             new() { MenuHeader = "Skeleton", Key = MenuKeys.MenuKeySkeleton, Status = "New" },
             new() { MenuHeader = "TagInput", Key = MenuKeys.MenuKeyTagInput },
@@ -44,4 +45,41 @@ public class MenuViewModel: ViewModelBase
             new() { MenuHeader = "ToolBar", Key = MenuKeys.MenuKeyToolBar, Status = "New" }
         };
     }
+}
+
+public static class MenuKeys
+{
+    public const string MenuKeyIntroduction = "Introduction";
+    public const string MenuKeyBadge = "Badge";
+    public const string MenuKeyBanner = "Banner";
+    public const string MenuKeyButtonGroup = "ButtonGroup";
+    public const string MenuKeyBreadcrumb= "Breadcrumb";
+    public const string MenuKeyClassInput = "Class Input";
+    public const string MenuKeyDialog = "Dialog";
+    public const string MenuKeyDivider = "Divider";
+    public const string MenuKeyDisableContainer = "DisableContainer";
+    public const string MenuKeyDrawer = "Drawer";
+    public const string MenuKeyDualBadge = "DualBadge";
+    public const string MenuKeyEnumSelector = "EnumSelector";
+    public const string MenuKeyForm = "Form";
+    public const string MenuKeyImageViewer = "ImageViewer";
+    public const string MenuKeyIpBox = "IPv4Box";
+    public const string MenuKeyIconButton = "IconButton";
+    public const string MenuKeyKeyGestureInput = "KeyGestureInput";
+    public const string MenuKeyLoading = "Loading";
+    public const string MenuKeyMessageBox = "MessageBox";
+    public const string MenuKeyNavMenu = "NavMenu";
+    public const string MenuKeyNumberDisplayer = "NumberDisplayer";
+    public const string MenuKeyNumericUpDown = "NumericUpDown";
+    public const string MenuKeyPagination = "Pagination";
+    public const string MenuKeyRangeSlider = "RangeSlider";
+    public const string MenuKeyScrollToButton = "ScrollToButton";
+    public const string MenuKeySelectionList = "SelectionList";
+    public const string MenuKeyTagInput = "TagInput";
+    public const string MenuKeySkeleton = "Skeleton"; 
+    public const string MenuKeyTimeline = "Timeline";
+    public const string MenuKeyTwoTonePathIcon = "TwoTonePathIcon";
+    public const string MenuKeyThemeToggler = "ThemeToggler";
+    public const string MenuKeyToolBar = "ToolBar";
+
 }

demo/Ursa.Demo/ViewModels/ScrollToButtonDemoViewModel.cs

@@ -0,0 +1,15 @@
+using System.Collections.ObjectModel;
+using System.Linq;
+using CommunityToolkit.Mvvm.ComponentModel;
+
+namespace Ursa.Demo.ViewModels;
+
+public class ScrollToButtonDemoViewModel: ObservableObject
+{
+    public ObservableCollection<string> Items { get; set; }
+
+    public ScrollToButtonDemoViewModel()
+    {
+        Items = new ObservableCollection<string>(Enumerable.Range(0, 1000).Select(a => "Item " + a));
+    }
+}