---
name: uno-toolkit-lightweight-styling
description: "Apply lightweight styling to Uno Toolkit controls by overriding resource keys. Change colors, fonts, spacing without custom styles."
when_to_use: "Use when customising Toolkit control appearance by overriding resource keys (colors, fonts, spacing) rather than rewriting templates. Overrides may live at app, page, or per-control scope; the main task is finding the right resource key in the naming pattern."
metadata:
  author: uno-platform
  version: "2.4"
  category: toolkit
---

# Uno Toolkit Lightweight Styling — Agent Skill

## Workflow

> **Docs lookup:** call `uno_platform_docs_search(...)` first, then `uno_platform_docs_fetch(sourcePath="…")` using the `sourcePath` field from a result (a relative `.md` path; add the result's `anchor` for a section). Never pass a URL, a `.html` link, or a hand-built path.

### Step 1: Fetch the Lightweight Styling Documentation

```
uno_platform_docs_search("Uno Toolkit lightweight styling resource keys override controls")
```

Primary documentation page:
- **Toolkit Lightweight Styling**: `external/uno.toolkit.ui/doc/lightweight-styling.md`

Fetch the page:

```
uno_platform_docs_fetch(sourcePath="external/uno.toolkit.ui/doc/lightweight-styling.md")
```

### Step 2: For Specific Control Resource Keys

Each control's documentation page lists its resource keys. Search for the specific control:

```
uno_platform_docs_search("Uno Toolkit [ControlName] lightweight styling resource keys")
```

## Key Principles (Stable)

- Override resource keys at App, Page, or Control level
- Resource keys follow naming patterns: `{ControlName}{State}{Property}`
- Control-level overrides use `<Control.Resources>` or `ResourceExtensions`
- No need to redefine entire styles/templates
- Each control's doc page lists available resource keys

## Related Skills

- [[uno-toolkit-resource-extensions]] — Per-control resource dictionary
- [[uno-themes-material]] — Material design lightweight styling