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"
                    mc:Ignorable="d"
                    FadeContentIfInactive="False"
                    Icon="/Resources/Images/Logo/logo-512.png"
                    Title="{Binding WindowTitle}"
                    TitleBarIcon="{StaticResource BowIcon}"
                    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}">
    <mde:MaterialWindow.Resources>
        <Style TargetType="ContentControl" x:Key="InitializingFade">
            <Style.Triggers>
                <DataTrigger Binding="{Binding ActiveItemReady}" Value="False">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1.0" To="0.0" Duration="0:0:0.4">
                                    <DoubleAnimation.EasingFunction>
                                        <QuadraticEase EasingMode="EaseInOut" />
                                    </DoubleAnimation.EasingFunction>
                                </DoubleAnimation>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.0" To="1.0" Duration="0:0:0.25" />
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </mde:MaterialWindow.Resources>
    <materialDesign:DialogHost IsTabStop="False"
                               Focusable="False"
                               Identifier="RootDialog"
                               DialogTheme="Inherit"
                               SnackbarMessageQueue="{Binding MainMessageQueue}">

        <materialDesign:DrawerHost IsLeftDrawerOpen="{Binding SidebarViewModel.IsSidebarOpen}" >
            <materialDesign:DrawerHost.LeftDrawerContent>
                <ContentControl s:View.Model="{Binding SidebarViewModel}" Width="280"  />
            </materialDesign:DrawerHost.LeftDrawerContent>
            <DockPanel>
                <mde:AppBar Type="Dense"
                            IsNavigationDrawerOpen="{Binding SidebarViewModel.IsSidebarOpen, Mode=TwoWay}"
                            Title="{Binding ActiveItem.DisplayName}"
                            ShowNavigationDrawerButton="True"
                            DockPanel.Dock="Top">
                    <StackPanel 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}" 
                                ToolTip="Open debugger"
                                Command="{s:Action ShowDebugger}"
                                materialDesign:RippleAssist.RippleOnTop="True">
                            <materialDesign:PackIcon Kind="Matrix" />
                        </Button>
                    </StackPanel>
                </mde:AppBar>

                <Grid>
                    <ContentControl s:View.Model="{Binding ActiveItem}" Style="{StaticResource InitializingFade}" />
                    <materialDesign:Snackbar x:Name="MainSnackbar" 
                                             MessageQueue="{Binding MainMessageQueue}"
                                             materialDesign:SnackbarMessage.InlineActionButtonMaxHeight="80"
                                             materialDesign:SnackbarMessage.ContentMaxHeight="200" />
                </Grid>
            </DockPanel>
        </materialDesign:DrawerHost>
    </materialDesign:DialogHost>
</mde:MaterialWindow>