Citrus.Avalonia

screenshot of Citrus.Avalonia

Modern styles for Avalonia controls.

Overview

CitrusAvalonia is an experimental theme built for the AvaloniaUI cross-platform XAML-based GUI framework. This theme aims to provide a refreshing and modern design for Avalonia applications.

Features

  • Updated templates for all default controls
  • Ability to change color scheme at runtime
  • Integration with the ReactiveUI.Fody library for MVVM implementation in the sandbox project
  • INotifyDataErrorInfo validations with the ReactiveUI.Validation library
  • Developed using the JetBrains Rider cross-platform C# IDE

Installing via NuGet

  1. Install the CitrusAvalonia library as a NuGet package.

    dotnet add package CitrusAvalonia
    
  2. Reference the preferred theme from your App.xaml file.

    <Application xmlns="https://github.com/avaloniaui"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 x:Class="YourApp.App">
        <Application.Styles>
            <StyleInclude Source="avares://CitrusAvalonia/Themes/CitrusAvalonia.xaml"/>
        </Application.Styles>
    </Application>
    

Installing as a Git Submodule

  1. Add the CitrusAvalonia repository as a submodule to your existing git repository.
    git submodule add https://github.com/username/CitrusAvalonia.git
    

Summary

CitrusAvalonia is an experimental theme for the AvaloniaUI framework that provides updated templates for default controls and the ability to change color schemes at runtime. It integrates with the ReactiveUI.Fody and ReactiveUI.Validation libraries for MVVM implementation and data validation. The theme is developed using the JetBrains Rider IDE. Installation can be done either via NuGet or by adding the repository as a submodule to an existing Git repository.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.