uno-livecharts2-theme-switching

Apply centralized LiveCharts2 theme switching for Uno Platform apps.

7|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/VincentH-Net/dotnet-agentic-engineering --skill uno-livecharts2-theme-switching
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: uno-livecharts2-theme-switching
Source: https://github.com/VincentH-Net/dotnet-agentic-engineering/tree/main/plugins/uno-platform/skills/uno-livecharts2-theme-switching
Command: npx skills add https://github.com/VincentH-Net/dotnet-agentic-engineering --skill uno-livecharts2-theme-switching

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Uno Platform apps using LiveCharts2 often struggle with in-app theme switching (Dark/Light/System) where existing charts do not refresh to reflect the new theme, leading to mismatched colors and stale text. This Skill provides a centralized, app-owned theming system to ensure charts consistently follow the active theme.

Core Features & Use Cases

  • Centralized ChartThemeFactory and ChartPalette to compute colors from shared resources.
  • App-owned theme signal and central refresh that re-applies themes to all visible charts.
  • Pixel-perfect rendering validation ensuring axis/legend/text colors update after switches and across navigations.

Quick Start

Initialize the chart theme system at startup and refresh all visible charts on theme changes.

Frequently Asked Questions about uno-livecharts2-theme-switching

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I refresh LiveCharts2 charts when switching themes in an Uno Platform app?

To refresh LiveCharts2 charts during Uno Platform theme switching, use a central live-tree refresh mechanism that re-applies themes to all visible charts. This ensures existing charts repaint correctly with updated colors instead of staying stale.

Why do my LiveCharts2 chart text colors not update after a dark/light mode switch?

LiveCharts2 chart text colors stay mismatched after a dark/light switch because existing charts do not automatically re-evaluate shared resources. Applying an app-owned theme signal forces pixel-accurate text and axis color updates across navigations.

What is a centralized chart theming system for Uno Platform and LiveCharts2?

A centralized chart theming system for Uno Platform uses a ChartThemeFactory and ChartPalette to compute colors from shared resources. It ensures all LiveCharts2 charts consistently follow the active app theme without individual chart updates.

Can I use a shared color palette for LiveCharts2 charts across different Uno Platform pages?

Yes, you can use a shared color palette for LiveCharts2 charts across Uno Platform pages by computing colors from shared app resources. A central ChartPalette ensures consistent styling and applies updates to both new and existing charts.

How do I initialize a chart theme factory at Uno Platform app startup?

To initialize a chart theme factory at Uno Platform app startup, configure the centralized theming system before rendering charts. This sets up the app-owned theme signal and shared palette, enabling central refresh to repaint charts on demand.

Does in-app theme switching work with existing LiveCharts2 charts or only newly created ones?

In-app theme switching works with both existing and newly created LiveCharts2 charts by using a central live-tree refresh. This mechanism re-applies the ChartThemeFactory output to all visible charts, ensuring consistent repainting regardless of chart age.