# Syncfusion Aspnetcore Theme

> **THEMING & APPEARANCE GUIDE** — Assist with Syncfusion ASP.NET Core EJ2 component theming, customization, size modes, and dynamic theme switching. Use when: applying themes (Bootstrap, Material, Tailwind, Fluent, etc.), customizing theme variables, implementing theme switchers, enabling touch mode, or customizing icons and appearance.

- Skill: `syncfusion/syncfusion-aspnetcore-theme` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add syncfusion/syncfusion-aspnetcore-theme`
- Raw SKILL.md: https://api.skillmd.com/api/skills/syncfusion/syncfusion-aspnetcore-theme/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: syncfusion (https://skillmd.com/u/syncfusion)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/syncfusion/syncfusion-aspnetcore-theme

---


# Syncfusion ASP.NET Core — Theming & Appearance

High-level guidance for theme selection, delivery methods, and appearance concerns. Detailed examples, SCSS snippets, Theme Studio usage, and code samples are kept in the concern's reference file.

## When to Use
- Choosing or customizing a theme (Bootstrap, Material, Tailwind, Fluent, etc.)
- Implementing dynamic theme switching or touch/size modes
- Customizing variables via SCSS or Theme Studio

## Quick Checklist
- Pick theme delivery method: CDN, NPM/SCSS, LibMan, or local files
- Align CDN or package version with installed Syncfusion packages
- Use Theme Studio or SCSS overrides for brand customizations
- Test size modes (`.e-bigger`) and dark variants for accessibility

## References
- Theme and appearance implementation: [references/theme-appearance.md](references/theme-appearance.md)