org-app-theming Skill
Patch src/global.css so the --color-app- Tailwind tokens use the Org App's brand colors extracted by the org-app-parsing skill. Use after org-app-parsing has populated the manifest theme. Published by microsoft in fabric-org-app-template.
What is org-app-theming Skill?
Patch src/global.css so the --color-app- Tailwind tokens use the Org App's brand colors extracted by the org-app-parsing skill. Use after org-app-parsing has populated the manifest theme. Published by microsoft in fabric-org-app-template. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Developers using fabric-org-app-template
Technical details
- Install or run with Copy skill directory
When to use org-app-theming Skill
- Use it for developers using fabric-org-app-template.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/fabric-org-app-template
- Skill file: .agents/skills/org-app-theming/SKILL.md
What it does
Patch src/global.css so the --color-app- Tailwind tokens use the Org App's brand colors extracted by the org-app-parsing skill. Use after org-app-parsing has populated the manifest theme.
Skill instructions
org-app-theming When to use this skill Right after org-app-parsing has populated the theme object in src/config/orgAppManifest.ts. The components reference theme colors via CSS variables (var(--color-app-background) etc.), and those variables live in src/global.css. This skill writes the default theme — the one shown until the end user picks something else from Settings → Theme. Scope: this skill vs the runtime theme picker | | This skill (org-app-theming) | Runtime picker (Settings → Theme) | |---|---|---| | Who runs it | Migration agent, once per template instance | End user, any time | | What it changes | @theme defaults in src/global.css | :root inline styles + localStorage["org-app-active-theme"] | | When it applies | Always — the baseline | Only when the user picks a non-default theme | | What it can pick from | The Org App's own brand colors | The Org App's brand colors or any built-in Power BI theme in src/config/themePresets.ts | Do not modify themePresets.ts or lib/theme.ts f
Explore related resources
Frequently asked questions
What is org-app-theming?
org-app-theming is a open-source AI agent skill with Copy skill directory. Patch src/global.css so the --color-app- Tailwind tokens use the Org App's brand colors extracted by the org-app-parsing skill. Use after org-app-parsing has populated the manifest theme.
Who is org-app-theming best for?
org-app-theming is best for reusing agent instructions, scripts, and references.
How do I install org-app-theming?
Install or run org-app-theming using Copy skill directory. Check org-app-theming for the latest setup command.
Is org-app-theming actively maintained?
org-app-theming may need a closer maintenance check before production use.
Auto-fetched from GitHub.
