| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
Discuss (mail)
|
| Lines of code | 7097 |
| Technical Name |
ant_backend_pro_theme |
| License | LGPL-3 |
| Website | https://bro3b-odoo-themes.lovable.app/ |
| Versions | 18.0 19.0 |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
Discuss (mail)
|
| Lines of code | 7097 |
| Technical Name |
ant_backend_pro_theme |
| License | LGPL-3 |
| Website | https://bro3b-odoo-themes.lovable.app/ |
| Versions | 18.0 19.0 |
Ant Design Pro Theme for Odoo
Transform Your Odoo Experience
Bring the power, clarity, and elegance of Ant Design to your Odoo platform. Enjoy a seamless, modern, and highly productive workspace that inspires your team and delights your users. Install now and experience the difference!
Install Now
Custom Sidebar Navigation
Navigate faster with a clean, collapsible sidebar designed for focus and productivity. Quickly switch apps, drill into modules, and keep your favorite entries at hand.
- Collapsible multi-level menu with smooth transitions
- Icon-first layout for instant recognition
Custom Color Settings
Make the interface yours. Adjust brand primary, header, sidebar, and state colors with live preview. Built on Ant Design's robust color system.
- Set global primary brand color
- Independent header and sidebar palettes
- Auto-generated shades (1–10) for consistent UI
- WCAG-friendly contrast by default
Color System
A Symphony of Colors
Two-Level Architecture
Experience our sophisticated two-tier color system:
- System-level: Core palettes for basic, neutral, and data visualization
- Product-level: Customized colors for specific functionality
HSB Color Model
Our design team leverages the HSB color model for intuitive adjustments and seamless collaboration, making color management a breeze.
Natural Design Language
Drawing inspiration from nature's palette, we've created 12 unique base colors that blend natural beauty with technical precision. Each color tells a story of light, shadow, and artistic harmony.
Comprehensive Palette
Discover our extensive collection of 120 meticulously curated colors - 12 primary colors and their derivatives - offering endless possibilities for your application design.
Explore our vibrant color system in action
Font System
The foundation of interface design
The font system is one of the most foundational parts of any interface design. Text is a major channel for users to understand application content and complete their work, and a well designed font system will greatly enhance the user's reading experience and work efficiency.
The Ant Design typography system is based on the design principle of "dynamic order" combined with the law of natural logarithm and temperament. We strongly recommend it since it has been verified by a large number of Ant products.
Key Aspects of Our Font System:
Font Family
System default fonts with fallback options for optimal readability across platforms
Base Font Size
Optimized 14px base size for optimal reading at 50cm distance
Font Scale & Line Height
10 carefully calibrated sizes with corresponding line heights
Font Family Implementation
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
Optimal reading distance and angle visualization
Our font scale system inspired by pentatonic scale
Font Weight
Our font weight system follows principles of order, stability, and restraint. We primarily use:
- Regular (400) for most text
- Medium (500) for emphasis
- Semibold (600) for bold English text
Font Color
We maintain WCAG AAA level contrast ratios (7:1 or higher) between text and background colors for optimal readability and accessibility.
Advanced Tips
- Systematic Design Thinking: Plan font hierarchy consistently across the system
- Less is More: Use minimal font variations to achieve visual goals
- Rhythmic Scale: Create visual harmony through strategic font size choices
Experience the Beauty of Ant Design
Discover our most popular and beautifully designed pages
Dashboard Overview
Clean and intuitive interface for managing all your modules
Detail View
Comprehensive information display with modern aesthetics
Modern Table View
Elegant data presentation with enhanced readability
Easy Customization
Easy Customization
Tailor every aspect of your Odoo interface: colors, logos, menu layouts, and more. The Ant Design Theme is built for flexibility, so your brand always shines through.
Responsive & Mobile-First
Whether on desktop, tablet, or mobile, your Odoo looks and works perfectly. Empower your team to work anywhere, anytime.
Enterprise-Grade Performance
Optimized for speed, scalability, and internationalization. Trusted by businesses of all sizes to deliver a world-class Odoo experience.
Ready to Upgrade Your Odoo?
Join thousands of users who have transformed their workflow with Ant Design Theme. Fast, beautiful, and built for the future.
Get Ant Design Theme Now
Please log in to comment on this module
The theme is just disgusting. The charlatans are selling a fake for \$5 as a masterpiece. If you buy it, you'll drown in a sea of bugs. Don't do it. The theme doesn't even install by default on the 19th version, and it breaks right away. They even have a menu that says it's for the 18th version. The mobile version is so terrible that we had to cut it out and use the default one. These idiots use two different menus, ant and sidebar. The ant menu forms the items properly, albeit in a poor way, but the side menu doesn't care about your access rights and pulls everything directly from the database. If your users shouldn't see certain items, there's no way to fix it. You'll have to dig into the code. Again, the mobile version is not user-friendly. The number of bugs is overwhelming. On an iPhone, it's a complete mess. There's no adaptive layout. A huge number of icons are missing, such as the icons for calls and video calls. You'll just have two white buttons. Their theme selection feature is just a sham. No one can see what you've chosen because the theme is installed locally for you, not for the entire platform. If I could get a refund, I would. I haven't told you everything. We've been digging through the code for weeks, and we're still not satisfied with the results.
Thank you for sharing your feedback. We understand your frustration.
However, it’s important to clarify that this theme is not designed for Odoo 19. Odoo 19 introduced major changes in the frontend architecture, menu system, access control, and mobile rendering. Because of this, themes built for Odoo 18 are not compatible with Odoo 19.
Using a theme on an unsupported Odoo version can result in:
These issues are caused by version incompatibility, not by the theme itself.
If you are running Odoo 19, you will need to purchase and install a theme specifically developed for Odoo 19 to ensure proper functionality and stability.
We strongly recommend always checking version compatibility before purchasing or installing any theme.
Thank you for your understanding.
There are no comments yet!