Odoo管理画面の色を変える

2022/10/25に公開

Odooの管理画面はBootstrapがベースになっています。
デフォルトの状態だとメインカラーが#7952b3になっていてちょっとキツいので色を変えてみます。

今回はテーマカラー変更用のテーマプラグインをつくります。
まずはプラグインを作るディレクトリの権限を一時的に変更します。

chmod 777 addons

Dockerコンテナ内でodooコマンドを叩いてプラグインのスケルトンを作成します。

docker-compose exec web /usr/bin/odoo scaffold mytheme /mnt/extra-addons/

mythemeのところはお好み変更しても大丈夫です。

権限を戻します。

sudo chown $USER.users -R addons/
chmod 755 addons/

つぎに生成されたプラグインの__manifest__.pyを編集してassetsweb._assets_primary_variablesを追加します。

__manifest__.py
    'assets': {
        'web._assets_primary_variables': [
            ('prepend', 'mytheme/static/src/css/primary_variables.scss'),
        ],

そしてmytheme/static/src/css/primary_variables.scssを作って編集します。

mytheme/static/src/css/primary_variables.scss
// Colors
$o-community-color: #446cb3;

この$o-community-colorの値を変えることでメインカラーを変更できます。

ここまでできたら今回作ったテーマプラグインをインストールしてみます。
管理画面の色が変わったことが確認できるはずです。

Discussion