# theme-customization_1185e91a

> const theme = createTheme({ palette: { mode: 'light', primary: { main: '#1976d2', light: '#42a5f5', dark: '#1565c0', contrastText: '#fff' }, secondary: { main: '#9c27b0', light: '#ba68c8', dark: '#7b1fa2', contrastText: '#fff' }, error: { main: '#d32f2f' }, warning: { main: '#ed6c02' }, info: { main: '#0288d1' }, success: { main: '#2e7d32' } }, typography: { fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif', h1: { fontSize: '2.5rem', fontWeight: 600 }, h2: { fontSize: '2rem', ...

- Author: SkillFlow
- Repository: tools-only/X-Skills
- Version: 20260202191322
- Stars: 2
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/tools-only/X-Skills
- Web: https://mule.run/skillshub/@@tools-only/X-Skills~theme-customization_1185e91a:20260202191322

---

# MUI Theme Customization

| Property | Value |
|----------|-------|
| **Name** | MUI Theme Customization |
| **Repository** | [softaworks/agent-toolkit](https://raw.githubusercontent.com/softaworks/agent-toolkit/main/skills/mui/resources/theme-customization.md) (⭐ 383) |
| **Original Path** | `skills/mui/resources/theme-customization.md` |
| **Category** | development |
| **Subcategory** | tools |
| **Tags** | development |
| **Created** | 2026-01-18 |
| **Updated** | 2026-01-18 |
| **File Hash** | `1185e91ad80cf568...` |

## Description

typescript
import { createTheme, ThemeProvider } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';

**Tags:** `development`

---

*This skill is maintained by [SkillFlow](https://github.com/tools-only/SkillFlow)*
*Source: [softaworks/agent-toolkit](https://raw.githubusercontent.com/softaworks/agent-toolkit/main/skills/mui/resources/theme-customization.md)*