gradientthemewpf

GradientThemeWPF

A WPF theme library with modern and smooth-looking gradient colors. A base foundation for a modern-looking UI!

Installation

Use NuGet to acquire the library to your project:

.Net CLI:

dotnet add package GradientThemeWPF

Package Manager

NuGet\Install-Package GradientThemeWPF

Usage

Styles

To use the styles in your own project, make sure to import the correct styles in your App.xaml:

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/GradientTheme;component/Theme/Colors.xaml" />
            <ResourceDictionary Source="pack://application:,,,/GradientTheme;component/Theme/Controls.xaml" />
            <ResourceDictionary Source="pack://application:,,,/GradientTheme;component/Theme/Window.xaml" />
            <ResourceDictionary Source="pack://application:,,,/GradientTheme;component/Theme/ControlColors.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

Later in the window you want to be gradient colored, add the style GradientWindow to the window.

Example of styles for each control is available in the example project.

Controls

In order to use the custom controls you need to import the "namespace" in the window header, which is quite simple:

xmlns:controls="clr-namespace:GradientTheme.Controls;assembly=GradientTheme"

Later on the controls can be instantiated by prefixing <controls:, for example:

<controls:TyperLabel Style="{DynamicResource TitleStyle}" >
    <!-- Important that we supply at least one title, if not we will crash! -->
    <controls:TyperLabel.Titles>
        <x:Array Type="{x:Type sys:String}">
            <sys:String>One Title</sys:String>
            <sys:String>Another Title</sys:String>
            <sys:String>Great Title</sys:String>
        </x:Array>
    </controls:TyperLabel.Titles>
</controls:TyperLabel>