Skip to Content
Odoo मेन्यू
  • Sign in
  • मुफ़्त में आज़माएं
  • ऐप्लिकेशन
    फ़ाइनेंस
    • अकाउंटिंग
    • इनवॉइसिंग
    • एक्सपेंस
    • स्प्रेडशीट (बीआई)
    • डॉक्यूमेंट्स
    • साइन
    सेल्स
    • सीआरएम
    • सेल्स
    • पीओएस शॉप
    • पीओएस रेस्टोरेंट
    • सब्सक्रिप्शन
    • रेंटल
    वेबसाइट
    • वेबसाइट बिल्डर
    • ई-कॉमर्स
    • ब्लॉग
    • फ़ोरम
    • लाइव चैट
    • ई-लर्निंग
    सप्लाई चेन
    • इन्वेंट्री
    • मैन्युफ़ैक्चरिंग
    • पीएलएम
    • परचेज़
    • मेंटेनेंस
    • क्वालिटी
    मानव संसाधन
    • कर्मचारी
    • रिक्रूटमेंट
    • टाइम ऑफ़
    • अप्रेज़ल
    • रेफ़रल
    • फ़्लीट
    मार्केटिंग
    • सोशल मार्केटिंग
    • ईमेल मार्केटिंग
    • एसएमएस मार्केटिंग
    • इवेंट
    • मार्केटिंग ऑटोमेशन
    • सर्वे
    सेवाएं
    • प्रोजेक्ट
    • टाइमशीट
    • फ़ील्ड सर्विस
    • हेल्पडेस्क
    • प्लानिंग
    • अपॉइंटमेंट
    प्रॉडक्टिविटी
    • डिस्कस
    • अप्रूवल
    • आईओटी
    • वीओआईपी
    • नॉलेज
    • WhatsApp
    तीसरे पक्ष के ऐप्लिकेशन Odoo स्टूडियो Odoo क्लाउड प्लेटफ़ॉर्म
  • इंडस्ट्री
    रीटेल
    • बुक स्टोर
    • क्लोदिंग स्टोर
    • फ़र्नीचर स्टोर
    • ग्रॉसरी स्टोर
    • हार्डवेयर स्टोर
    • टॉय स्टोर
    Food & Hospitality
    • बार और पब
    • रेस्टोरेंट
    • फ़ास्ट फ़ूड
    • Guest House
    • बेवरिज डिस्ट्रीब्यूटर
    • होटल
    रियल एस्टेट
    • Real Estate Agency
    • आर्किटेक्चर फ़र्म
    • कंसट्रक्शन
    • एस्टेट मैनेजमेंट
    • गार्ड्निंग
    • प्रॉपर्टी ओनर असोसिएशन
    कंसल्टिंग
    • अकाउंटिंग फ़र्म
    • Odoo पार्टनर
    • मार्केटिंग एजेंसी
    • लॉ फ़र्म
    • टैलेंट ऐक्विज़िशन
    • ऑडिट & सर्टिफ़िकेशन
    मैन्युफ़ैक्चरिंग
    • टेक्सटाइल
    • Metal
    • फ़र्नीचर
    • फ़ूड
    • Brewery
    • कॉर्पोरेट गिफ़्ट
    हेल्थ & फिटनेस
    • स्पोर्ट्स क्लब
    • आईवियर स्टोर
    • फिटनेस सेंटर
    • वेलनेस प्रैक्टिशनर
    • फॉर्मेसी
    • हेयर सैलून
    Trades
    • Handyman
    • आईटी हॉर्डवेयर और सपोर्ट
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    अन्य
    • Nonprofit Organization
    • एन्वायरमेंटल एजेंसी
    • बिलबोर्ड रेंटल
    • फ़ोटोग्राफी
    • बाइक लीजिंग
    • सॉफ़्टवेयर रीसेलर
    Browse all Industries
  • कम्यूनिटी
    सीखें
    • ट्यूटोरियल्स
    • दस्तावेज़
    • सर्टिफ़िकेशन
    • ट्रेनिंग
    • ब्लॉग
    • पॉडकास्ट
    शिक्षा को बढ़ावा दें
    • एजुकेशन प्रोग्राम
    • स्केल अप! बिजनेस गेम
    • Odoo के ऑफ़िस में आएं
    सॉफ़्टवेयर पाएं
    • डाउनलोड
    • वर्शन की तुलना करें
    • रिलीज़
    साथ मिलकर काम करें
    • Github
    • फ़ोरम
    • इवेंट
    • अनुवाद
    • पार्टनर बनें
    • Services for Partners
    • अपना अकाउंटिंग फ़र्म रजिस्टर करें
    सेवाएं पाएं
    • पार्टनर ढूंढें
    • अकाउंटेंट खोजें
    • सलाहकार की मदद लें
    • इम्प्लिमेंटेशन सेवाएं
    • कस्टमर रेफ़रेंस
    • सहायता
    • अपग्रेड
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    डेमो देखें
  • कीमत
  • सहायता

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

  • सीआरएम
  • e-Commerce
  • लेखांकन
  • इन्वेंटरी
  • PoS
  • प्रोजेक्ट
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
टैग (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
टैग (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
16396 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
कम्यूनिटी
  • ट्यूटोरियल्स
  • दस्तावेज़
  • फ़ोरम
ओपन सोर्स
  • डाउनलोड
  • Github
  • रनबॉट
  • अनुवाद
सेवाएं
  • Odoo.sh Hosting
  • सहायता
  • अपग्रेड
  • कस्टम डेवलपमेंट्स
  • शिक्षा
  • अकाउंटेंट खोजें
  • पार्टनर ढूंढें
  • पार्टनर बनें
हमारे बारे में
  • हमारी कंपनी
  • ब्रांड ऐसेट
  • संपर्क करें
  • नौकरियां
  • इवेंट
  • पॉडकास्ट
  • ब्लॉग
  • ग्राहक
  • लीगल • गोपनीयता
  • सुरक्षा
الْعَرَبيّة 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, बिज़नेस से जुड़े ऐप्लिकेशन का एक कलेक्शन है जो ओपन सोर्स पर आधारित है. इसमें आपकी कंपनी की हर ज़रूरत के लिए ऐप्लिकेशन हैं. जैसे, सीआरएम, ई-कॉमर्स, अकाउंटिंग, इन्वेंट्री, पॉइंट ऑफ़ सेल, प्रोजेक्ट मैनेजमेंट वगैरह.

Odoo की सबसे बड़ी खासियत है कि यह इस्तेमाल करने में बहुत आसान है और यह पूरी तरह से इंटिग्रेट किया हुआ है.

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