Aak.Shell.UI.Themes.AvalonDock 4.71.1

Aak.Shell.UI.Themes.AvalonDock

Aak.Shell.UI.Themes package for AvalonDock.

• VisualStudio 2019 (Blue)
• VisualStudio 2019 (Dark)
• VisualStudio 2019 (Light)
• VisualStudio 2022 (Blue)
• VisualStudio 2022 (Dark)
• VisualStudio 2022 (Light)

💡 Install

• Install using NuGet Package Manager in Visual Studio.
• .NET CLI : dotnet add package Aak.Shell.UI.Themes.AvalonDock

🚀 Quick Start

Add the namespace in xaml xmlns:avalondockThemes="http://aak.shell.ui.themes.avalondock"

Apply the theme in DockingManger

<DockingManager>
    <DockingManager.Theme>
        <avalondockThemes:VisualStudio2022Dark />
    </DockingManager.Theme>
</DockingManger>

Or Merge ResourceDictionary

<ResourceDictionary Source="/Aak.Shell.UI.Themes.AvalonDock;component/Themes/VisualStudio2019/BlueTheme.xaml" />


<ResourceDictionary Source="/Aak.Shell.UI.Themes.AvalonDock;component/Themes/VisualStudio2019/DarkTheme.xaml" />


<ResourceDictionary Source="/Aak.Shell.UI.Themes.AvalonDock;component/Themes/VisualStudio2019/LightTheme.xaml" />


<ResourceDictionary Source="/Aak.Shell.UI.Themes.AvalonDock;component/Themes/VisualStudio2022/BlueTheme.xaml" />


<ResourceDictionary Source="/Aak.Shell.UI.Themes.AvalonDock;component/Themes/VisualStudio2022/DarkTheme.xaml" />


<ResourceDictionary Source="/Aak.Shell.UI.Themes.AvalonDock;component/Themes/VisualStudio2022/LightTheme.xaml" />

✨ Styles and Templates

All AvalonDock Control's Styles and Templates have an x:Key.

So you can use BasedOn in Style, And change the properties of the control's style. (See App.xaml)

Before doing this, you need to merge a theme ResourceDictionary (Any Theme).

<ResourceDictionary.MergedDictionaries>
    <ResourceDictionary Source="/Aak.Shell.UI.Themes.AvalonDock;component/Themes/VisualStudio2022/DarkTheme.xaml" />
</ResourceDictionary.MergedDictionaries>

Then we change the properties of the Document Floating Window to allow minimization and show in TaskBar and separate from the MainWindow.

<Style
    x:Key="{x:Type avalonDockControls:LayoutDocumentFloatingWindowControl}"
    BasedOn="{StaticResource DocumentWellWindowBaseStyle}"
    TargetType="{x:Type avalonDockControls:LayoutDocumentFloatingWindowControl}">
    <Setter Property="AllowMinimize" Value="True" />
    <Setter Property="ShowInTaskbar" Value="True" />
    <Setter Property="OwnedByDockingManagerWindow" Value="False" />
</Style>

And we can modify the ItemTemplate of NavigatorWindow's List.

<DataTemplate x:Key="NavigatorWindowListBoxItemDataTemplate">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="16" />
            <ColumnDefinition Width="150" />
        </Grid.ColumnDefinitions>
        <TextBlock
            Grid.Column="1"
            Margin="4,0,0,0"
            Text="Custom ItemTemplate Test"
            TextTrimming="CharacterEllipsis" />
    </Grid>
</DataTemplate>

See for other styles Aak.Shell.UI.Themes.AvalonDock/Styles

📷 Screenshots

(Form Aak.Shell.UI.Showcase)

📢 Known issue

Custom styles and templates don't work when using themes in DockingManager.

<Style
    x:Key="{x:Type avalonDockControls:LayoutDocumentFloatingWindowControl}"
    BasedOn="{StaticResource DocumentWellWindowBaseStyle}"
    TargetType="{x:Type avalonDockControls:LayoutDocumentFloatingWindowControl}">
    <Setter Property="AllowMinimize" Value="True" />
    <Setter Property="ShowInTaskbar" Value="True" />
    <Setter Property="OwnedByDockingManagerWindow" Value="False" />
</Style>


<DockingManager>
    <DockingManager.Theme>
        <avalondockThemes:VisualStudio2022Dark />
    </DockingManager.Theme>
</DockingManger>

Email: Noisrev@outlook.com