Skip to Content
Menu
Musisz się zarejestrować, aby móc wchodzić w interakcje z tą społecznością.
To pytanie dostało ostrzeżenie
6 Odpowiedzi
21210 Widoki

Hi,

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




Thanks

Awatar
Odrzuć
Najlepsza odpowiedź

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

Awatar
Odrzuć

Could you explain how should i override scss file?

Najlepsza odpowiedź

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.

Awatar
Odrzuć
Najlepsza odpowiedź

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',
    ],


Awatar
Odrzuć
Najlepsza odpowiedź

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






Awatar
Odrzuć
Najlepsza odpowiedź

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

Awatar
Odrzuć
Najlepsza odpowiedź

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;
Awatar
Odrzuć