Color picker package and placeholder dock

src/Directory.Build.props

@@ -1,7 +1,7 @@
 <Project>
     <PropertyGroup>
         <CodeAnalysisRuleSet>../Custom.ruleset</CodeAnalysisRuleSet>
-		<AvaloniaVersion>11.0.4</AvaloniaVersion>
+		<AvaloniaVersion>11.0.5</AvaloniaVersion>
     </PropertyGroup>
     <ItemGroup>
         <PackageReference Include="StyleCop.Analyzers" Version="1.1.118" />

src/PixiEditor.AvaloniaUI/App.axaml

@@ -2,6 +2,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:themes="clr-namespace:PixiEditor.UI.Common.Themes;assembly=PixiEditor.UI.Common"
              xmlns:avaloniaUi="clr-namespace:PixiEditor.AvaloniaUI"
+             xmlns:templates="clr-namespace:ColorPicker.AvaloniaUI.Templates;assembly=ColorPicker.AvaloniaUI"
              x:Class="PixiEditor.AvaloniaUI.App"
              RequestedThemeVariant="Dark">
              <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->
@@ -10,6 +11,7 @@
              </Application.DataTemplates>
     <Application.Styles>
         <themes:PixiEditorTheme />
+        <templates:PixiPerfectColorPickerTheme/>
         <StyleInclude Source="/Styles/PixiEditor.Controls.axaml"/>
         <StyleInclude Source="/Styles/PixiEditor.Animators.axaml"/>
         <StyleInclude Source="/Styles/PixiEditor.Handles.axaml"/>

src/PixiEditor.AvaloniaUI/PixiEditor.AvaloniaUI.csproj

@@ -22,7 +22,7 @@
 
     <ItemGroup>
         <PackageReference Include="Avalonia" Version="$(AvaloniaVersion)" />
-        <PackageReference Include="Avalonia.Headless" Version="11.0.4" />
+        <PackageReference Include="Avalonia.Headless" Version="$(AvaloniaVersion)" />
         <PackageReference Include="Avalonia.Themes.Fluent" Version="$(AvaloniaVersion)" />
         <PackageReference Include="Avalonia.Fonts.Inter" Version="$(AvaloniaVersion)" />
         <!--Condition below is needed to remove Avalonia.Diagnostics package from build output in Release configuration.-->
@@ -37,7 +37,8 @@
         <PackageReference Include="Microsoft.CodeAnalysis.Common" Version="4.2.0" />
         <PackageReference Include="Newtonsoft.Json" Version="13.0.3" />
         <PackageReference Include="PixiEditor.Parser" Version="3.3.0" />
-        <PackageReference Include="PixiEditor.Parser.Skia" Version="3.0.0" />
+      <PackageReference Include="PixiEditor.Parser.Skia" Version="3.0.0" />
+      <PackageReference Include="PixiEditor.ColorPicker.AvaloniaUI" Version="1.0.1" />
     </ItemGroup>
 
     <ItemGroup>

src/PixiEditor.AvaloniaUI/ViewLocator.cs

@@ -1,6 +1,7 @@
 using System.Collections.Generic;
 using Avalonia.Controls;
 using Avalonia.Controls.Templates;
+using ColorPicker;
 using CommunityToolkit.Mvvm.ComponentModel;
 using Dock.Model.Core;
 using PixiEditor.AvaloniaUI.ViewModels.Dock;
@@ -16,6 +17,7 @@ public class ViewLocator : IDataTemplate
     {
         [typeof(DockDocumentViewModel)] = typeof(DocumentTemplate),
         [typeof(LayersDockViewModel)] = typeof(LayersManager),
+        [typeof(ColorPickerDockViewModel)] = typeof(StandardColorPicker),
     };
 
     public Control Build(object? data)

src/PixiEditor.AvaloniaUI/ViewModels/Dock/ColorPickerDockViewModel.cs

@@ -0,0 +1,13 @@
+using Dock.Model.Avalonia.Controls;
+using PixiEditor.AvaloniaUI.ViewModels.SubViewModels;
+
+namespace PixiEditor.AvaloniaUI.ViewModels.Dock;
+
+internal class ColorPickerDockViewModel : Tool
+{
+    private ColorsViewModel colorsViewModel;
+    public ColorPickerDockViewModel(ColorsViewModel colorsVm)
+    {
+        colorsViewModel = colorsVm;
+    }
+}

src/PixiEditor.AvaloniaUI/ViewModels/Dock/DockFactory.cs

@@ -1,4 +1,5 @@
-using System.Collections.Generic;
+using System;
+using System.Collections.Generic;
 using Dock.Avalonia.Controls;
 using Dock.Model.Avalonia;
 using Dock.Model.Avalonia.Controls;
@@ -14,15 +15,18 @@ internal class DockFactory : Factory
     private DocumentDock documentDock;
     private ToolDock toolDock;
     private ToolDock layersDock;
+    private ToolDock colorPickerDock;
 
-    private FileViewModel manager;
+    private FileViewModel fileVm;
+    private ColorsViewModel colorsVm;
 
-    public DockFactory(FileViewModel fileViewModel)
+    public DockFactory(FileViewModel fileViewModel, ColorsViewModel colorsViewModel)
     {
-        manager = fileViewModel;
+        fileVm = fileViewModel;
+        colorsVm = colorsViewModel;
     }
 
-    public override IDocumentDock CreateDocumentDock() => new PixiEditorDocumentDock(manager);
+    public override IDocumentDock CreateDocumentDock() => new PixiEditorDocumentDock(fileVm);
 
     public override IRootDock CreateLayout()
     {
@@ -87,7 +91,7 @@ internal class DockFactory : Factory
 
     private IDockable BuildDocumentDock()
     {
-        documentDock = new PixiEditorDocumentDock(manager)
+        documentDock = new PixiEditorDocumentDock(fileVm)
         {
             Id = "DocumentsPane",
             Title = "DocumentsPane",
@@ -100,20 +104,42 @@ internal class DockFactory : Factory
     private IDockable BuildPropertiesDock()
     {
         layersDock = BuildLayersDock();
+        colorPickerDock = BuildColorPickerDock();
         return new ProportionalDock()
         {
             Proportion = 0.15,
+            Orientation = Orientation.Vertical,
             VisibleDockables = new List<IDockable>()
             {
-                layersDock,
+                colorPickerDock,
+                layersDock
             },
             ActiveDockable = layersDock,
         };
     }
 
+    private ToolDock BuildColorPickerDock()
+    {
+        ColorPickerDockViewModel colorPickerVm = new(colorsVm)
+        {
+            Id = "ColorPickerPane",
+            Title = "ColorPickerPane",
+        };
+
+        ToolDock colorPicker = new()
+        {
+            Id = "ColorPickerPane",
+            Title = "ColorPickerPane",
+            VisibleDockables = new List<IDockable>() { colorPickerVm },
+            ActiveDockable = colorPickerVm,
+        };
+
+        return colorPicker;
+    }
+
     private ToolDock BuildLayersDock()
     {
-        LayersDockViewModel layersVm = new(manager.Owner.DocumentManagerSubViewModel)
+        LayersDockViewModel layersVm = new(fileVm.Owner.DocumentManagerSubViewModel)
         {
             Id = "LayersPane",
             Title = "LayersPane",

src/PixiEditor.UI.Common/Accents/Base.axaml

@@ -35,6 +35,8 @@
 
             <system:Double x:Key="ThemeDisabledOpacity">0.4</system:Double>
 
+            <SolidColorBrush x:Key="ThemeForegroundLowBrush" Color="gray"></SolidColorBrush>
+
             <SolidColorBrush x:Key="ThemeBackgroundBrush" Color="{StaticResource ThemeBackgroundColor}" />
             <SolidColorBrush x:Key="ThemeBackgroundBrush1" Color="{StaticResource ThemeBackgroundColor1}" />
             <SolidColorBrush x:Key="ThemeBackgroundBrush2" Color="{StaticResource ThemeBackgroundColor2}" />