ShrlAlgoToolkit/WPFluent.Gallery/Views/Windows/MainWindow.xaml

<ui:FluentWindow x:Class="WPFluent.Gallery.Views.Windows.MainWindow"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:controls="clr-namespace:WPFluent.Gallery.Controls"
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                 xmlns:local="clr-namespace:WPFluent.Gallery.Views.Windows"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                 xmlns:tray="https://github.com/ShrlAlgo/WPFluent/tray"
                 xmlns:ui="https://github.com/ShrlAlgo/WPFluent"
                 xmlns:windows="clr-namespace:WPFluent.Gallery.ViewModels.Windows"
                 Width="1450"
                 Height="800"
                 MinWidth="900"
                 mc:Ignorable="d"
                 d:DataContext="{d:DesignInstance windows:MainWindowViewModel, IsDesignTimeCreatable=False}"
                 d:DesignHeight="650"
                 d:DesignWidth="1000"
                 ExtendsContentIntoTitleBar="True"
                 Title="{Binding ApplicationTitle, Mode=OneWay}"
                 ui:Design.Background="{DynamicResource ApplicationBackgroundBrush}"
                 ui:Design.Foreground="{DynamicResource TextFillColorPrimaryBrush}"
                 WindowBackdropType="Mica"
                 WindowCornerPreference="Default"
                 WindowStartupLocation="CenterScreen">
    <!-- <ui:FluentWindow.InputBindings>
        <KeyBinding
            Key="F"
            Command="{Binding ElementName=AutoSuggestBox, Path=FocusCommand}"
            Modifiers="Control" />
    </ui:FluentWindow.InputBindings> -->
     <!--<ui:FluentWindow.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ui:ThemesDictionary Theme="Dark" />
                <ui:ControlsDictionary />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </ui:FluentWindow.Resources>--> 
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <ui:TitleBar x:Name="TitleBar"
                     CloseWindowByDoubleClickOnIcon="True"
                     DockPanel.Dock="Top"
                     HelpClicked="TitleBar_HelpClicked"
                     ShowHelp="True"
                     Title="MainWindow">
            <ui:TitleBar.Icon>
                <ui:ImageIcon Source="pack://application:,,,/WPFluent.Gallery;component/wpfui.png" />
            </ui:TitleBar.Icon>
        </ui:TitleBar>
        <TabControl x:Name="NavigationView"
                    Grid.Row="1"
                    Margin="5">
            <TabItem Header="Icons">
                <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/DesignGuidance/IconsPage.xaml" />
            </TabItem>
            <TabItem Header="Colors">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/DesignGuidance/ColorsPage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="Typography">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/DesignGuidance/TypographyPage.xaml" />
                </ScrollViewer>
            </TabItem>

            <TabItem Header="BasicInput">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/BasicInputPage.xaml" />
                </ScrollViewer>
            </TabItem>

            <TabItem Header="Collections">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/CollectionsPage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="DateAndTime">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/DateAndTimePage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="Layout">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/LayoutPage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="Navigation">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/NavigationPage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="OpSystem">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/OpSystemPage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="Settings">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/SettingsPage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="StatusAndInfo">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/StatusAndInfoPage.xaml" />
                </ScrollViewer>
            </TabItem>
            <TabItem Header="Text">
                <ScrollViewer>
                    <Frame Source="pack://application:,,,/WPFluent.Gallery;component/Views/Pages/TextPage.xaml" />
                </ScrollViewer>
            </TabItem>
        </TabControl>
    </Grid>
</ui:FluentWindow>