Artemis/src/Artemis.UI/Screens/RootView.xaml

<mde:MaterialWindow x:Class="Artemis.UI.Screens.RootView"
                    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    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:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
                    xmlns:s="https://github.com/canton7/Stylet"
                    xmlns:screens="clr-namespace:Artemis.UI.Screens"
                    xmlns:mde="clr-namespace:MaterialDesignExtensions.Controls;assembly=MaterialDesignExtensions"
                    xmlns:svgc="http://sharpvectors.codeplex.com/svgc/"
                    mc:Ignorable="d"
                    FadeContentIfInactive="False"
                    Icon="/Resources/Images/Logo/bow.ico"
                    Title="{Binding WindowTitle}"
                    TitleBarIcon="{svgc:SvgImage Source=/Resources/Images/Logo/bow-white.svg}"
                    Foreground="{DynamicResource MaterialDesignBody}"
                    Background="{DynamicResource MaterialDesignPaper}"
                    FontFamily="pack://application:,,,/MaterialDesignThemes.Wpf;component/Resources/Roboto/#Roboto"
                    UseLayoutRounding="True"
                    Deactivated="{s:Action WindowDeactivated}"
                    Activated="{s:Action WindowActivated}"
                    KeyDown="{s:Action WindowKeyDown}"
                    KeyUp="{s:Action WindowKeyUp}"
                    MouseDown="{s:Action WindowMouseDown}"
                    MouseUp="{s:Action WindowMouseUp}"
                    d:DesignHeight="640" d:DesignWidth="1200"
                    d:DataContext="{d:DesignInstance screens:RootViewModel}">
    <materialDesign:DialogHost IsTabStop="False" Focusable="False" Identifier="RootDialog" DialogTheme="Inherit" SnackbarMessageQueue="{Binding MainMessageQueue}">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="{Binding SidebarWidth.Value, Mode=TwoWay}" MinWidth="175" MaxWidth="400" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Border Grid.Column="0" ClipToBounds="True" Background="{DynamicResource MaterialDesignToolBarBackground}">
                <ContentControl s:View.Model="{Binding SidebarViewModel}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" IsTabStop="False" />
            </Border>

            <GridSplitter Grid.Column="0" Width="8" Margin="0 0 -4 0" Background="Transparent" />

            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <materialDesign:ColorZone Grid.Row="0" Mode="PrimaryMid" DockPanel.Dock="Top" DockPanel.ZIndex="1" Height="42">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Column="0"
                                   Text="{Binding SidebarViewModel.SelectedScreen.DisplayName}"
                                   VerticalAlignment="Center"
                                   FontSize="20"
                                   Margin="15 0" />
                        <StackPanel Grid.Column="1" Orientation="Horizontal">
                            <TextBlock Text="{Binding FrameTime}" VerticalAlignment="Center" FontSize="14" Margin="10 0" ToolTip="The time the last frame took to render" />

                            <!-- Bug: materialDesign:RippleAssist.RippleOnTop doesn't look as nice but otherwise it doesn't work at all, not sure why -->
                            <Button Style="{StaticResource MaterialDesignIconForegroundButton}"
                                    VerticalAlignment="Center"
                                    ToolTip="Open debugger"
                                    Command="{s:Action ShowDebugger}"
                                    materialDesign:RippleAssist.RippleOnTop="True">
                                <materialDesign:PackIcon Kind="Matrix" />
                            </Button>
                        </StackPanel>
                    </Grid>
                </materialDesign:ColorZone>

                <ContentControl Grid.Row="1"
                                s:View.Model="{Binding SidebarViewModel.SelectedScreen}"
                                VerticalContentAlignment="Stretch"
                                HorizontalContentAlignment="Stretch"
                                IsTabStop="False" />
                <materialDesign:Snackbar Grid.Row="0"
                                         Grid.RowSpan="2"
                                         x:Name="MainSnackbar"
                                         MessageQueue="{Binding MainMessageQueue}"
                                         materialDesign:SnackbarMessage.InlineActionButtonMaxHeight="80"
                                         materialDesign:SnackbarMessage.ContentMaxHeight="200" />
            </Grid>
        </Grid>
    </materialDesign:DialogHost>
</mde:MaterialWindow>