Overslaan naar inhoud
Menu
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Deze vraag is gerapporteerd
6 Antwoorden
22289 Weergaven

Hi,

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




Thanks

Avatar
Annuleer
Beste antwoord

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
Annuleer

Could you explain how should i override scss file?

Beste antwoord

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
Annuleer
Beste antwoord

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
Annuleer
Beste antwoord

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






Avatar
Annuleer
Beste antwoord

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

Avatar
Annuleer
Beste antwoord

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
Annuleer