n-global-style
CommunitySync theme styles to the body automatically.
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Global page styling often drifts when themes change; n-global-style ensures body styles reflect the current Naive UI theme automatically, providing consistent visuals across the page.
Core Features & Use Cases
- Body Style Sync: Automatically mirrors theme styles (background, font family, text color) onto document.body for a cohesive look.
- Theme Reactivity: Responds to theme switching (including dark/light) without manual updates.
- Zero Configuration: Works out of the box when placed inside n-config-provider.
- Simple Integration: Easy to drop into existing apps without heavy refactors.
Quick Start
Wrap your app in an n-config-provider and place n-global-style at the root to apply global body styles.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: n-global-style Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-global-style Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.