Russkyc.ModernControls.WPF 1.5.2

Russkyc.ModernControls.WPF

A highly customizable custom control library for wpf

Version	Package Name
	Russkyc.ModernControls.WPF

What sets this apart from the default WPF controls?

The default wpf control library is awesome when it comes to ui customization, but theres only one problem --you need to write a handful of style setters, dependency properties, and triggers to have a truly customized control. Which is why Russkyc.ModernControls.WPF is created. It saves you from having to write all of the style, templates, and triggers by providing controls that are highly customizable all using properties. Perfect for quick and easy UI Development.

<span align="center">

</span>

Setup

Add the Resources to App.xaml. Order is Important!

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                
                <ResourceDictionary
                    Source="pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/BaseTheme/DefaultDark.xaml" />
                <ResourceDictionary
                    Source="pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/ColorThemes/Blue.xaml" />
                <ResourceDictionary
                    Source="pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

Add the following to your window

xmlns:russkyc="clr-namespace:org.russkyc.moderncontrols;assembly=Russkyc.ModernControls.WPF"

Sample Usage

<russkyc:ModernButton Width="70" Text="Modern Button" />

A Taste of ModernControls Customization

<russkyc:ModernButton Width="70"
                             CornerRadius="5"
                             FontWeight="SemiBold"
                             HoverBackground="#3d88ff"
                             HoverForeground="#7BFFA3" 
                             PressedBackground="#1F5ABD"
                             PressedForeground="#FFBE46"
                             Text="Modern Button" />

Control Library

• ModernWindow - New! in 1.5.0
• ModernTextBox - Updated! in 1.5.0
• ModernButton
• ModernToggleButton
• ModernRadio
• ModernSwitch - New! in 1.5.0
• ModernRadioButton
• ModernComboBox - Updated! in 1.5.0

Global Theme Management

<span align="center">

</span>

Using the Theme Manager

Breaking Changes in 1.5.2

• ThemeManager is now uses Instance
• There are now 2 Theme resources. Base Theme corresponds to the overall base(dark/light) and ColorTheme corresponds to the theme colors (blue/red/etc.)
• Default Base Themes are now located in pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/BaseTheme/
• Color Themes are in pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/ColorThemes/

Imports

using org.russkyc.moderncontrols.Helpers;

Adding Base or Color Themes

ThemeManager.Instance.AddBaseTheme("Light","pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/BaseTheme/DefaultLight.xaml");
ThemeManager.Instance.AddColorTheme("Blue","pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/ColorThemes/Blue.xaml");

Changing Base or Color Themes (Live)

ThemeManager.Instance.SetBaseTheme("Dark");
ThemeManager.Instance.SetColorTheme("Blue");

Get List of Base or Color Themes (names)

ThemeManager.Instance.GetBaseThemes();
ThemeManager.Instance.GetColorThemes();

Removing Base or Color Themes

ThemeManager.Instance.RemoveBaseTheme("Light");
ThemeManager.Instance.RemoveColorTheme("Blue");

Want to create your own Theme?

New Base Theme

Use this Base Theme template

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    
    <SolidColorBrush x:Key="bg-000" Color="#f8fdff" />
    <SolidColorBrush x:Key="bg-100" Color="#EEF3F5" />
    <SolidColorBrush x:Key="bg-200" Color="#E1E6E8" />
    <SolidColorBrush x:Key="bg-300" Color="#D7DCDE" />
    <SolidColorBrush x:Key="bg-400" Color="#D3D8DA" />
    <SolidColorBrush x:Key="bg-500" Color="#CFD4D6" />
    <SolidColorBrush x:Key="bg-600" Color="#BFC4C5" />

    
    <SolidColorBrush x:Key="fg-000" Color="#0c0e17" />
    <SolidColorBrush x:Key="fg-100" Color="#161820" />
    <SolidColorBrush x:Key="fg-200" Color="#1f222a" />
    <SolidColorBrush x:Key="fg-300" Color="#292b33" />
    <SolidColorBrush x:Key="fg-400" Color="#33353c" />
    <SolidColorBrush x:Key="fg-500" Color="#3c3f46" />
    <SolidColorBrush x:Key="fg-600" Color="#46494f" />

</ResourceDictionary>

New Color Theme

Use this Color Theme template

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    
    <SolidColorBrush x:Key="primary-lighten-3" Color="#3d9be6" />
    <SolidColorBrush x:Key="primary-lighten-2" Color="#2989e1" />
    <SolidColorBrush x:Key="primary-lighten-1" Color="#1576db" />
    <SolidColorBrush x:Key="primary-default" Color="#0462d4" />
    <SolidColorBrush x:Key="primary-darken-1" Color="#0152c6" />
    <SolidColorBrush x:Key="primary-darken-2" Color="#0043b8" />
    <SolidColorBrush x:Key="primary-darken-3" Color="#0035a9" />

    
    <SolidColorBrush x:Key="success" Color="#18CB56" />
    <SolidColorBrush x:Key="warning" Color="#CE941B" />
    <SolidColorBrush x:Key="danger" Color="#CB2D2B" />

    
    <SolidColorBrush x:Key="inverted-lighten-3" Color="#f2f9ff" />
    <SolidColorBrush x:Key="inverted-lighten-2" Color="#ebf4ff" />
    <SolidColorBrush x:Key="inverted-lighten-1" Color="#e3f0ff" />
    <SolidColorBrush x:Key="inverted-default" Color="#dceaff" />
    <SolidColorBrush x:Key="inverted-darken-1" Color="#d3e1f6" />
    <SolidColorBrush x:Key="inverted-darken-2" Color="#cad9ec" />
    <SolidColorBrush x:Key="inverted-darken-3" Color="#c1d0e3" />

</ResourceDictionary>

Add your theme to the ThemeManager

ThemeManager.Instance.AddBaseTheme("MyBase","path_to_your_theme/MyBaseThemeName.xaml");
ThemeManager.Instance.AddColorTheme("MyColor","path_to_your_theme/MyColorThemeName.xaml");

And Apply

ThemeManager.Instance.SetBaseTheme("MyBase");
ThemeManager.Instance.SetColorTheme("MyColor");

Default Color Themes

Base Themes:

• Light
• Dark

Color Themes:

• Blue
• Gray
• Green
• Lime
• Orange
• Pink
• Purple
• Red
• Teal
• Yellow

API Reference (To be Updated)

See Github Repo