plugin-antd-style-theme
v1.0.2
Published
Advanced Ant Design component-level style theme editor for NocoBase. Customize styles for Menu, Table, Button, Input, Select, and all other Ant Design components.
Maintainers
Readme
plugin-antd-style-theme
Advanced Ant Design Theme Editor plugin for NocoBase. Customize component-level styles, layout colors, login page appearance, and access 300+ extra icons — all without code.
Features
🎨 Component Style Editor
- Fine-tune styles for all Ant Design components (Menu, Table, Button, Input, Select, etc.)
- Live preview with real-time token editing
- Color, size, and spacing customization per component
🏗️ Layout Styles
- Customize header and sider colors
- 13 NocoBase-specific layout tokens (colorBgHeader, colorPrimaryHeader, colorBgSider, etc.)
- Live preview with debounced updates
🔐 Login Page Styles
- Custom background (color, gradient, or image URL — full viewport cover)
- Custom logo (URL + height)
- Login card styling (background, border-radius, shadow, width)
- Button styling (color, border-radius)
- Mini live preview in the editor
🎯 300+ Extra Icons
- Google Material Design (~180 icons) — dashboard, analytics, business, security, etc.
- Bootstrap Icons (~120 icons) — grid, kanban, social media, dev tools, etc.
- Seamlessly integrated into NocoBase's IconPicker with new tabs
- All icons are bundled in the plugin (no external dependencies at runtime)
📐 Pre-built Theme Templates
- Default, Dark, Compact, Compact Dark (built-in)
- Neo Enterprise — modern professional theme with subtle blue accents
- Flat Futuristic — ultra-clean flat design with vibrant teal palette
- Custom theme templates support
Installation
Upload the .tgz file via NocoBase Plugin Manager → Add New → Upload.
Compatibility
- NocoBase
2.x - Ant Design
5.x
License
Apache-2.0
