Skip to Content
Odoo Menu
  • Sign in
  • Try it free
  • Apps
    Finance
    • Accounting
    • Invoicing
    • Expenses
    • Spreadsheet (BI)
    • Documents
    • Sign
    Sales
    • CRM
    • Sales
    • POS Shop
    • POS Restaurant
    • Subscriptions
    • Rental
    Websites
    • Website Builder
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Supply Chain
    • Inventory
    • Manufacturing
    • PLM
    • Purchase
    • Maintenance
    • Quality
    Human Resources
    • Employees
    • Recruitment
    • Time Off
    • Appraisals
    • Referrals
    • Fleet
    Marketing
    • Social Marketing
    • Email Marketing
    • SMS Marketing
    • Events
    • Marketing Automation
    • Surveys
    Services
    • Project
    • Timesheets
    • Field Service
    • Helpdesk
    • Planning
    • Appointments
    Productivity
    • Discuss
    • Approvals
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industries
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Beverage Distributor
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architecture Firm
    • Construction
    • Estate Management
    • Gardening
    • Property Owner Association
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Manufacturing
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Others
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Community
    Learn
    • Tutorials
    • Documentation
    • Certifications
    • Training
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Download
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Events
    • Translations
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Customer References
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Pricing
  • Help

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Accounting
  • Inventory
  • PoS
  • Project
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
Help

Can we create theme for backend ?

Subscribe

Get notified when there's activity on this post

This question has been flagged
8 Replies
16372 Views
Avatar
Olivier Andrade

Often, customers ask for other colors, icons, menu styles and so on... Is it possible in Odoo, to create and select graphical theme for the backend as for the frontend (website) ? I mean, have two differents themes for each side and not the default one...

If the answer is yes, could you please drive me to the documentation part where it is explained or show me an example ?

1
Avatar
Discard
Avatar
Will Stott
Best Answer

As Leonardo said, it's possible. But basically because anything is possible when you have the source code, rather than it being a considered feature.

Tips:

  1. Get useful information from the styles in your browser by enabling debug mode by changing the URL in your browser: 
    • not: .../web#vie..... etc
    • yes: .../web?debug=#vie... etc
    • This will prevent odoo from minifying the css files and you can see the name of the css files and browse them as they are in the source code.
  2. If you right click and inspect element (chrome or firefox are good for this) you can see the css styles of a DOM Element in your Odoo pages.
  3. Override the css using a custom module: I've never tried this, one of the below ought to work though.
    • You could create a module and ensure that your css files are loaded later than Odoo's and that will override any styles you define, but wont neccessarily remove all odoo formatting (might be more desireable). I expect this would cause an odd lag as each css files is loaded in-turn during debug mode. But normal mode when the css is minified, it shouldn't be noticeable.
    • You could try to find the xpath which includes the .css files inside a .xml document. Then in your own module use an xpath to replace the .css file includes (I don't have an example of this because I'm bad with xpaths, but they seem to be pretty powerful so it should be possible.). This might provide complete override of any css file which might be desireable (but would be harder to get right).
    • I would avoid trying to replace any actual source files.
  4. As for changing the css files you're on your own. It would be nice if you could document your findings somewhere. This is something I might try and do in the future as well.

As I said at the start this isn't really an Odoo feature so there's no garauntee the css class names will stay the same over the course of new releases.  Which means you'll have to come up with some extensive test and/or really pay attention to commits which effect css files defined by Odoo. If their files don't change your files shouldn't need to either.

2
Avatar
Discard
Avatar
Leonardo Donelli
Best Answer

Yes it's possible but far from easy. And there is no documentation about it. Basically you have to modify the static files of the web modules. The Odoo client is just a webapp.

1
Avatar
Discard
Avatar
Denis Baranov
Best Answer

With this module - https://apps.odoo.com/apps/modules/8.0/colors_customization/ - it is much simplier to change user interface important styles and apply it to each user individually

1
Avatar
Discard
Avatar
Odonity - Smart Solutions for Smarter Business
Best Answer

https://www.youtube.com/watch?v=IszR88rfn04

0
Avatar
Discard
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Best Answer

Hi,

Yes, it is possible to create a custom theme for the backend in Odoo.In fact, Odoo provides a way to create and select graphical themes for both the backend and the frontend.

Please check the following themes developed for backend

1. Vista Backend Theme: https://apps.odoo.com/apps/themes/16.0/vista_backend_theme/
2. Hue Backend Theme: https://apps.odoo.com/apps/themes/16.0/hue_backend_theme/
3. Backend Theme Infinito: https://apps.odoo.com/apps/themes/16.0/backend_theme_infinito/
4. Code Backend Theme Enterprise: https://apps.odoo.com/apps/themes/16.0/code_backend_theme_enterprise/
5. Code Backend Theme: https://apps.odoo.com/apps/themes/16.0/code_backend_theme/

Visit for more backend themes.

https://apps.odoo.com/apps/themes/category/Backend/browse?price=Free

Regards

0
Avatar
Discard
Avatar
Parikshit Vaghasiya
Best Answer

hello,

see the link:

https://apps.openerp.com/apps/themes/8.0/theme/

Hope this will help you.

0
Avatar
Discard
Avatar
Olivier Andrade
Author Best Answer

Ok, so it's not easy but possible. As it's not a feature i need to pay attention to the modification of css files by the Odoo developers team. But i think it can be interesting for our customers so i will give a try. I will keep you informed about the results. My intention is to create new theme with statics css files and perhaps try to have some theme selector feature... but no real roadmap at this moment...

Thank's Will for your tips. I will use them for sure.

0
Avatar
Discard
Luke Branch

@Olivier, I'd be very interested to see what you come up with. I've been playing around with some basic customisations over the past few months and have not yet run into any compatibility issues. I'll be putting together a boilerplate frontend theme module on github soon. If I can find time I may work on a basic boilerplate theme module for the backend as well.

Mateo Tibaquira

Hi Olivier, can you share your thoughts on this matter? I will go deep in this mission soon and I would like to hear from your findings. Thanks in advance!

Avatar
Juan José Scarafía
Best Answer

Hi Oliver,

Maybe this information will be useful for you:

http://odoo-magento-connector.com/guides/tutorial_customize.html#sections

Regards,

Juan José - Ing ADHOC

-2
Avatar
Discard
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Sign up
Community
  • Tutorials
  • Documentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Translations
Services
  • Odoo.sh Hosting
  • Support
  • Upgrade
  • Custom Developments
  • Education
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Brand Assets
  • Contact us
  • Jobs
  • Events
  • Podcast
  • Blog
  • Customers
  • Legal • Privacy
  • Security
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now