Pipboy.Avalonia.ProDataGrid 1.0.1-beta

<div align="center"> <a href="https://www.pip-boy.com/"> <img align="center" src="https://raw.githubusercontent.com/NeverMorewd/Pipboy.Avalonia/main/pip-terminal.png" width="250" /> </a> <h1 align="center">Pipboy.Avalonia</h1> <p align="center">

A Pip-Boy inspired theme library for Avalonia UI.

Softly rounded geometry, a monochromatic phosphor palette, and a retro terminal aesthetic — drop it in as your application theme and every standard control gets the Vault-Tec treatment. </p> </div>

▶ Try the live WASM demo — runs entirely in the browser, no install needed.

Packages

Install Core Package

dotnet add package Pipboy.Avalonia

Install FX Package

dotnet add package Pipboy.Avalonia.Fx

Install ProDataGrid Theme

dotnet add package Pipboy.Avalonia.ProDataGrid

Quick Start

1. Apply the theme in App.axaml

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:pipboy="https://github.com/NeverMorewd/Pipboy.Avalonia"
             x:Class="MyApp.App">
  <Application.Styles>
    <pipboy:PipboyTheme />
  </Application.Styles>
</Application>

2. (Optional) Set the primary color

// Before the window is shown, or at any time at runtime
PipboyThemeManager.Instance.SetPrimaryColor(Color.Parse("#FFA500")); // Amber

The default color is phosphor green. Subscribe to ThemeColorChanged to react to color updates.

ProDataGrid Theme

ProDataGrid ships its own Fluent theme via:

<Application.Styles>
  <FluentTheme />
  <StyleInclude Source="avares://Avalonia.Controls.DataGrid/Themes/Fluent.v2.xaml" />
</Application.Styles>

Pipboy.Avalonia.ProDataGrid is the Pip-Boy equivalent - same structure, template parts, and pseudo-classes (hover, selection, focus ring, gridlines, drag/fill handle, validation, summary rows), recolored and resized against the Pipboy design tokens instead of Fluent's system colors:

<Application xmlns:pipboy="https://github.com/NeverMorewd/Pipboy.Avalonia"
             xmlns:prodatagrid="clr-namespace:Pipboy.Avalonia.ProDataGrid;assembly=Pipboy.Avalonia.ProDataGrid">
  <Application.Styles>
    <pipboy:PipboyTheme />
    <prodatagrid:PipboyProDataGridTheme />
  </Application.Styles>
</Application>

See samples/Pipboy.Avalonia.ProDataGrid.Sample for a runnable preview.

Design Tokens

All tokens are available as {DynamicResource} in XAML and update automatically when the primary color changes.

Brushes

Colors (raw Color values)

All secondary colors are generated from the configured primary color in PipboyColorPalette; consumers should change the primary rather than replacing individual tokens. The palette keeps the primary hue and tunes saturation/lightness for readable text, quiet surfaces, and visible borders.

Typography

Shape

Use these CornerRadius tokens to keep controls and containers visually consistent.

Border Thickness

These Thickness tokens cover the standard control border and directional separators used by the theme.

License

MIT

Credits

• https://www.pip-boy.com/
• https://github.com/CodyTolene/pip-terminal
• https://github.com/AvaloniaUI/Avalonia
• https://github.com/irihitech/Semi.Avalonia
• https://github.com/wieslawsoltes/ProDataGrid