egorozh/egorozh.colorpicker

🎨🎨🎨 Best of the best ColorPicker on WPF and AvaloniaUI

Egorozh.ColorPicker

AvaloniaUI ColorPicker:

AvaloniaUI Getting Started

Install the library as a NuGet package:

Install-Package Egorozh.ColorPicker.Avalonia.Dialog
# Or 'dotnet add package Egorozh.ColorPicker.Avalonia.Dialog'

Then, reference the preffered theme from your App.xaml file:

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:dialog="clr-namespace:Egorozh.ColorPicker.Dialog;assembly=Egorozh.ColorPicker.Avalonia.Dialog"
             x:Class="YourNamespace.App">
  <Application.Styles>
      
      <SimpleTheme Mode="Dark"/>
      <dialog:SimpleColorTheme Mode="Dark"/>

      <!-- To use other themes:-->
      <!-- <FluentTheme Mode="Light" /> -->
      <!-- <dialog:FluentColorPickerTheme Mode="Light" /> -->

      <!-- <FluentTheme Mode="Dark" />  -->
      <!-- <dialog:FluentColorPickerTheme Mode="Dark" /> -->
  </Application.Styles>
</Application>

Done! Use ColorPickerButton

<dialog:ColorPickerButton Color="#99029344"
                          Cursor="Hand"/>

or ColorPickerDialog:

ColorPickerDialog dialog = new ()
{
  Color = _color
};

var res = await dialog.ShowDialog<bool>(Owner);

if (res)
  _color = dialog.Color;

WPF ColorPicker:

WPF Getting Started

Install the library as a NuGet package:

Install-Package Egorozh.ColorPicker.WPF.Dialog
# Or 'dotnet add package Egorozh.ColorPicker.WPF.Dialog'

Done! Use ColorPickerButton

<dialog:ColorPickerButton Color="#99029344"
                          Cursor="Hand"/>

or ColorPickerDialog:

var dialog = new ColorPickerDialog
{
  Owner = Owner,
  Color = Color
};

var res = dialog.ShowDialog();

if (res == true)
  Color = dialog.Color;

To run MahApps Version:

Install the library as a NuGet package:

Install-Package Egorozh.ColorPicker.WPF.Dialog.MahApps
# Or 'dotnet add Egorozh.ColorPicker.WPF.Dialog.MahApps'

Then, reference the preffered theme from your App.xaml file:

<Application x:Class="Egorozh.ColorPicker.Client.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            
             StartupUri="MainWindow.xaml">

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Dark.Crimson.xaml" />


                <ResourceDictionary Source="pack://application:,,,/Egorozh.ColorPicker.WPF.Dialog.MahApps;component/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

egorozh.colorpicker's Issues

ColorPickerDialog.Color isn't work as init value

ColorPickerDialog dialog = new()
{
Color = Colors.Aqua // has no effect
};
dialog.Show(mainWindow);

Saving Palete Without File Extension

When saving a palete without specifically putting the file extension in the file name it throws this exception Unhandled exception. System.ArgumentOutOfRangeException: startIndex cannot be larger than length of string. (Parameter 'startIndex')

Example:
File.act -> Save -> No Error
File -> Save -> Throws Exception

Suggestion:
Also can you make it so you can paste a hex value in, thanks

Using any Themes spoils ListBoxItem default style

Using any Themes spoils ListBoxItem style
<Application.Styles>
egorozh:FluentTheme/

This is because of
ColorPalette.axaml overrides ListBoxItem style

<Style Selector="ListBoxItem">

Dialog customization when using ColorPickerButton

Is there any ability currently to customize the dialog when using the button? For example, removing window decorations and title bar. A quick read of the source leads me to believe there is not.

Is this something that you might consider adding to the project?