LanMountainDesktop/LanMountainDesktop/Views/SettingsPages/GeneralSettingsPage.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vm="using:LanMountainDesktop.ViewModels"
             xmlns:controls="using:LanMountainDesktop.Controls"
             xmlns:ui="using:FluentAvalonia.UI.Controls"
             xmlns:fi="using:FluentIcons.Avalonia"
             x:Class="LanMountainDesktop.Views.SettingsPages.GeneralSettingsPage"
             x:DataType="vm:GeneralSettingsPageViewModel">
    <ScrollViewer VerticalScrollBarVisibility="Auto">
        <StackPanel Classes="settings-page-container settings-page-animated">
            <controls:IconText Icon="Globe"
                               Text="{Binding BasicHeader}"
                               Margin="0,0,0,4" />

            <ui:FASettingsExpander Header="{Binding LanguageHeader}">
                <ui:FASettingsExpander.IconSource>
                    <ui:FAFontIconSource Glyph="&#xF0404;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpander.Footer>
                    <ComboBox Width="220"
                              ItemsSource="{Binding Languages}"
                              SelectedItem="{Binding SelectedLanguage}">
                        <ComboBox.ItemTemplate>
                            <DataTemplate x:DataType="vm:SelectionOption">
                                <TextBlock Text="{Binding Label}" />
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>
                </ui:FASettingsExpander.Footer>
            </ui:FASettingsExpander>

            <ui:FASettingsExpander Header="{Binding TimeZoneHeader}"
                                 Description="{Binding TimeZoneDescription}">
                <ui:FASettingsExpander.IconSource>
                    <ui:FAFontIconSource Glyph="&#xF0168;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpander.Footer>
                    <ComboBox Width="240"
                              ItemsSource="{Binding TimeZones}"
                              SelectedItem="{Binding SelectedTimeZone}">
                        <ComboBox.ItemTemplate>
                            <DataTemplate x:DataType="vm:TimeZoneOption">
                                <TextBlock Text="{Binding Label}" />
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>
                </ui:FASettingsExpander.Footer>
            </ui:FASettingsExpander>

            <ui:FASettingsExpander Header="{Binding PreviewHeader}">
                <ui:FASettingsExpander.IconSource>
                    <ui:FAFontIconSource Glyph="&#xF1C80;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpanderItem>
                    <Grid ColumnDefinitions="Auto,*"
                          ColumnSpacing="16"
                          RowDefinitions="Auto,Auto"
                          RowSpacing="12">
                        <TextBlock FontWeight="SemiBold"
                                   Text="{Binding PreviewTimeLabel}" />
                        <TextBlock Grid.Column="1"
                                   Opacity="0.82"
                                   Text="{Binding PreviewTimeText}" />
                        <TextBlock Grid.Row="1"
                                   FontWeight="SemiBold"
                                   Text="{Binding PreviewDateLabel}" />
                        <TextBlock Grid.Row="1"
                                   Grid.Column="1"
                                   Opacity="0.82"
                                   Text="{Binding PreviewDateText}" />
                    </Grid>
                </ui:FASettingsExpanderItem>
            </ui:FASettingsExpander>

            <Separator Classes="settings-separator" />

            <controls:IconText Icon="DeveloperBoard"
                               Text="{Binding RuntimeHeader}"
                               Margin="0,0,0,4" />

            <ui:FASettingsExpander Header="{Binding RenderModeHeader}"
                                 Description="{Binding RuntimeDescription}"
                                 IsExpanded="True">
                <ui:FASettingsExpander.IconSource>
                    <ui:FAFontIconSource Glyph="&#xF0908;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpander.Footer>
                    <ComboBox Width="220"
                              ItemsSource="{Binding RenderModes}"
                              SelectedItem="{Binding SelectedRenderMode}">
                        <ComboBox.ItemTemplate>
                            <DataTemplate x:DataType="vm:SelectionOption">
                                <TextBlock Text="{Binding Label}" />
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>
                </ui:FASettingsExpander.Footer>
                <ui:FASettingsExpanderItem>
                    <TextBlock Text="{Binding RenderModeRestartMessage}"
                               Opacity="0.7"
                               FontSize="12"
                               TextWrapping="Wrap" />
                </ui:FASettingsExpanderItem>
            </ui:FASettingsExpander>

            <ui:FASettingsExpander Header="Fade startup transition"
                                 Description="{Binding FadeTransitionDescription}"
                                 IsVisible="{Binding IsSlideTransitionAvailable}">
                <ui:FASettingsExpander.IconSource>
                    <ui:FAFontIconSource Glyph="&#xF1A48;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpander.Footer>
                    <ToggleSwitch IsChecked="{Binding EnableFadeTransition}"
                                  IsEnabled="{Binding IsFadeTransitionToggleEnabled}" />
                </ui:FASettingsExpander.Footer>
            </ui:FASettingsExpander>

            <ui:FASettingsExpander Header="Slide startup transition"
                                 Description="Use a slide-in startup transition on supported Windows builds. This option disables the fade transition."
                                 IsVisible="{Binding IsSlideTransitionAvailable}">
                <ui:FASettingsExpander.IconSource>
                    <ui:FAFontIconSource Glyph="&#xF08E8;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpander.Footer>
                    <ToggleSwitch IsChecked="{Binding EnableSlideTransition}" />
                </ui:FASettingsExpander.Footer>
            </ui:FASettingsExpander>

            <ui:FASettingsExpander Header="Show in taskbar"
                                 Description="Keep the main window visible in the taskbar while the desktop host is running.">
                <ui:FASettingsExpander.IconSource>
                    <ui:FAFontIconSource Glyph="&#xF1BE0;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpander.Footer>
                    <ToggleSwitch IsChecked="{Binding ShowInTaskbar}" />
                </ui:FASettingsExpander.Footer>
            </ui:FASettingsExpander>
        </StackPanel>
    </ScrollViewer>
</UserControl>