If you are using OdooOdoo is a modular open source ERP system that supports companies of all sizes with digitalization. It combines numerous business applications such as CRM, accounting, warehouse, project management, HR, helpdesk and webshop in one platform. What exactly is Odoo? Odoo is a flexible business software that can be used to digitally map all important company processes - from customer management... V15 and want to change the background color of the topbar, then this code snippet will help you.
1. Navigate to Views
Activate the Odoo developer mode
There go to the item Views and create a new view there.

2. Create new view
Then create the following view, which will override the default. For this view to work, fill in the following fields:
- View designation – can be chosen freely
- View Type – QWeb
- Sequence – 16
- Derived View – Web layout
- Derived View. Extension Overview
Then insert the following code, you have to add the brackets “<” & “>” manually after copying.
<data inherit_id="web.layout">
<xpath expr="//body" position="inside">
<style>
.o_main_navbar {background-color: #326D93 !important;border-bottom: 0px;}
.o_main_navbar .show .dropdown-toggle {background-color: #326D93;}
.o_main_navbar > ul > li > a:hover, .o_main_navbar
> ul > li > label:hover {background-color: #4a666f;}
.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar
> button:hover, .o_main_navbar
> button:focus {background-color: #4a666f;color: inherit;}
.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar
> button:hover, .o_main_navbar
> button:focus {background-color: #4a666f;color: inherit;}
</style>
</xpath>
</data>
The result should look like this:

Dieser Beitrag ist auch verfügbar auf:
Deutsch (German)
Leave A Comment?