| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 2082 |
| Technical Name |
wt_custom_backend_theme |
| License | OPL-1 |
| Website | https://way4tech.com |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 2082 |
| Technical Name |
wt_custom_backend_theme |
| License | OPL-1 |
| Website | https://way4tech.com |
WT Custom Backend Theme
Complete enterprise-style color theming engine for Odoo 19 Community â change everything, live, in the browser.
About This Module
WT Custom Backend Theme gives Odoo 19 Community a powerful, real-time theming system. Open the paint brush panel in the top navigation bar, pick a color preset or customize every single color token, toggle dark mode, switch to a side menu layout, and watch the entire backend transform instantly â no refresh needed. All settings persist per browser across sessions.
7 Built-in Color Presets
Enterprise, Dark, Midnight, Navy, Ocean, Rose, and Amber â each a fully coherent color scheme covering navbar, sidebar, backgrounds, text, and buttons. Switch in one click.
Full Dark Mode
A dedicated dark mode toggle preserves your brand colors while switching all backgrounds, text, borders, modals, dropdowns, tables, kanban, and more to a coherent dark palette.
Side Menu Layout
Switch from Odoo's top navbar to a persistent left sidebar with app sections, sub-items, and an optional collapsed (icon-only) mode â plus a Home button to return to the app grid anytime.
20+ Configurable Color Tokens
Brand, Action, Page Background, App Background, Surface, Input, Hover, Text, Muted Text, Borders, Navbar, Sidebar â every color is individually adjustable via color picker.
Live Preview
Every color change is applied instantly via CSS custom properties â no page refresh, no delay. Pick a color, see the result, adjust until it's perfect.
Persistent Settings
All theme preferences (preset, custom colors, dark mode, layout, sidebar collapse state) are saved to localStorage and automatically restored on the next visit.
Comprehensive Dark Mode Coverage
Form views, list tables, kanban cards, modals, dropdowns, tabs, alerts, date pickers, autocomplete, chatter, tags, activity view, pivot, and more â all adapt to dark mode.
Mobile Responsive
The configurator panel adapts to full-width on small screens. The sidebar supports mobile slide-in behavior. Works on tablets and phones without breaking the layout.
No Enterprise Required
Built entirely on Odoo 19 Community with standard OWL 2 components. No dependency on
web_enterprise or any paid module. Works out of the box.
How It Works
CSS Custom Properties
All colors are driven by CSS custom properties (--wt-brand, --wt-bg-page,
--wt-sidebar-text, etc.) set on :root. The JavaScript service calls
setProperty() at runtime â no SCSS recompilation needed.
OWL 2 Service Architecture
A reactive OWL service (wt_theme) manages all state. The systray
ThemeConfigurator component reads and writes to this service, which then updates CSS
variables and body classes (body.wt-dark, body.wt-side-menu-mode).
Color Token Groups
- Brand & Action â primary identity colors, text-on-brand/action
- Backgrounds â page, app, surface (cards/forms), input, hover, home menu
- Text â primary, muted, light
- Borders â general, input-specific
- Navbar â background, text/icon color
- Sidebar â background, text, muted text, active state
Installation
Place wt_custom_backend_theme in your addons path and install via
Apps → Install. The paint brush icon appears immediately in the top navigation bar.
No configuration required â all defaults match the Odoo Enterprise visual style.
Dependencies: web only •
Odoo version: 19.0 •
Edition: Community
Included Color Presets
| Preset | Brand Color | Action Color | Style | Navbar / Sidebar |
|---|---|---|---|---|
| Enterprise | #714B67 | #017e84 | Light | White |
| Dark | #bb86fc | #03dac6 | Dark | Dark Gray |
| Midnight | #60a5fa | #34d399 | Dark | Deep Slate |
| Navy | #1e3a5f | #38bdf8 | Light | Dark Navy |
| Ocean | #0e7490 | #f59e0b | Light | Dark Teal |
| Rose | #be185d | #0d9488 | Light | White |
| Amber | #92400e | #d97706 | Light | Dark Brown |
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module