Ir al contenido
Menú
Se marcó esta pregunta
6 Respuestas
21085 Vistas

Hi,

I want to change the Odoo default color in the custom module. Is there any easy way to do that?




Thanks

Avatar
Descartar
Mejor respuesta

Hi,

I think you can achieve by using following steps

=>Override the scss file addons --> web --> static --> src --> scss --> primary_variables.scss and change these file's color

$o-community-color: green; #choose the color here (i selected green for community version)
$o-enterprise-color: #875A7B;
$o-enterprise-primary-color: #00A09D;


then link the scss file path in xml template

        <template id="_assets_primary_variables" inherit_id="web._assets_primary_variables">
            <xpath expr="//link[last()]" position="after">
                <link rel="stylesheet" type="text/scss" href=" { scss file path }"/>
            </xpath>
        </template>

The output of the above changes will be as following


Hope it helps

Avatar
Descartar

Could you explain how should i override scss file?

Mejor respuesta

Yes, there is an easy way to change the Odoo default color in a custom module. You can use a library like "ColorPicker" to quickly and easily modify the colors of your Odoo module. All you need to do is set the fields you want to change to the ColorPicker widget, then select the color you want. This can be done in a few simple steps.

Avatar
Descartar
Mejor respuesta

This method no longer works in Odoo 15.

Adding assets​ in the __manifest__.py​ file doesn't work either:

'assets': {
    'web.assets_common': [
        'my_theme/static/src/scss/primary_variables.scss',
    ],


Avatar
Descartar
Mejor respuesta

where  link the xml template ? in views ? or creating a new view? sorry but i dont find where have to do this 






Avatar
Descartar
Mejor respuesta

What's the best way to deploy this in a module?

Avatar
Descartar
Mejor respuesta

I also had to set the o-brand-odoo and o-brand-primary value in my custom.scss file...

$o-community-color: #0A7099;
$o-brand-odoo: $o-community-color;
$o-brand-primary: $o-community-color;
Avatar
Descartar