Skip to Content
Odoo Menu
  • Prijavi
  • Try it free
  • Aplikacije
    Finance
    • Knjigovodstvo
    • Obračun
    • Stroški
    • Spreadsheet (BI)
    • Dokumenti
    • Podpisovanje
    Prodaja
    • CRM
    • Prodaja
    • POS Shop
    • POS Restaurant
    • Naročnine
    • Najem
    Spletne strani
    • Website Builder
    • Spletna trgovina
    • Blog
    • Forum
    • Pogovor v živo
    • eUčenje
    Dobavna veriga
    • Zaloga
    • Proizvodnja
    • PLM
    • Nabava
    • Vzdrževanje
    • Kakovost
    Kadri
    • Kadri
    • Kadrovanje
    • Odsotnost
    • Ocenjevanja
    • Priporočila
    • Vozni park
    Marketing
    • Družbeno Trženje
    • Email Marketing
    • SMS Marketing
    • Dogodki
    • Avtomatizacija trženja
    • Ankete
    Storitve
    • Projekt
    • Časovnice
    • Storitve na terenu
    • Služba za pomoč
    • Načrtovanje
    • Termini
    Produktivnost
    • Razprave
    • Odobritve
    • IoT
    • Voip
    • Znanje
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industrije
    Trgovina na drobno
    • Book Store
    • Trgovina z oblačili
    • Trgovina s pohištvom
    • Grocery Store
    • Trgovina s strojno opremo računalnikov
    • Trgovina z igračami
    Food & Hospitality
    • Bar and Pub
    • Restavracija
    • Hitra hrana
    • Guest House
    • Beverage Distributor
    • Hotel
    Nepremičnine
    • Real Estate Agency
    • Arhitekturno podjetje
    • Gradbeništvo
    • Estate Management
    • Vrtnarjenje
    • Združenje lastnikov nepremičnin
    Svetovanje
    • Računovodsko podjetje
    • Odoo Partner
    • Marketinška agencija
    • Law firm
    • Pridobivanje talentov
    • Audit & Certification
    Proizvodnja
    • Tekstil
    • Metal
    • Pohištvo
    • Hrana
    • Brewery
    • Poslovna darila
    Health & Fitness
    • Športni klub
    • Trgovina z očali
    • Fitnes center
    • Wellness Practitioners
    • Lekarna
    • Frizerski salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Sistemi sončne energije
    • Izdelovalec čevljev
    • Čistilne storitve
    • HVAC Services
    Ostali
    • Neprofitna organizacija
    • Agencija za okolje
    • Najem oglasnih panojev
    • Fotografija
    • Najem koles
    • Prodajalec programske opreme
    Browse all Industries
  • Skupnost
    Learn
    • Tutorials
    • Dokumentacija
    • Certifikati
    • Šolanje
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Prenesi
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Dogodki
    • Prevodi
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Sklici kupca
    • Podpora
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Določanje cen
  • Pomoč

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

  • CRM
  • e-Commerce
  • Knjigovodstvo
  • Zaloga
  • PoS
  • Projekt
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
Pomoč

How can change color button all apps ?

Naroči se

Get notified when there's activity on this post

This question has been flagged
developerprogrammer
4 Odgovori
11950 Prikazi
Avatar
G

How can change color button in all apps ? and what paths the file of all colors

Thank you.


0
Avatar
Opusti
Avatar
shubham shiroya
Best Answer

1. Identify the CSS Class: Determine the CSS class associated with the buttons whose color you want to change. You can use web development tools in your browser to inspect the button element and find its CSS class. Common classes for buttons in Odoo include `btn`, `btn-primary`, `btn-secondary`, `btn-success`, `btn-danger`, etc.

2. Locate the CSS Stylesheet: In Odoo, the CSS stylesheets are typically stored in the addon folders of each module. The specific path may vary depending on your Odoo version and installation method. By default, the CSS files can be found in the following path:

addons//static/src/css/

Note: Each module may have its own CSS file(s) or use a shared CSS file like `web.assets_backend.css` for the backend interface.

3. Modify the CSS: Open the CSS file associated with the module or the shared CSS file and locate the CSS class identified in step 1. You can add or override CSS properties to change the button color. For example, you can modify the `background-color` property, `color` property, or other relevant properties to achieve the desired color effect.

4. Apply the Changes: After making the necessary CSS modifications, save the CSS file.

5. Update Assets: To ensure the changes take effect, you need to update the assets of the Odoo database. This can be done by navigating to the Developer Tools in the Odoo backend, then selecting "Assets" from the "Settings" menu. Click on the "Update" button to update the assets.

6. Clear Browser Cache: To see the updated button colors, clear your browser cache or perform a hard refresh (Ctrl + F5) to load the updated CSS styles.

It's important to note that modifying CSS files directly may not be the recommended approach in all cases. It's recommended to use Odoo's custom modules or themes to override CSS styles in a more sustainable and upgrade-safe manner.

0
Avatar
Opusti
Avatar
G
Avtor Best Answer

Thank you guys, you solved my problem

0
Avatar
Opusti
Avatar
Niyas Raphy (Walnut Software Solutions)
Best Answer

Hi,

If you go through the web module in odoo, you can see all the related styles:  /odoo/addons/web/static/src/scss

Thanks

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

Hi,
If it's a primary button, then you can change the color using '.btn-primary' class. Just use the selector and change the color in css. If it's not working, try adding '!important' in the end.Your css should look something like this:
.btn-primary {
​background: #color !important;
​}
The same applies if it's a secondary button. Just need to change the selector.

Hope it helps

0
Avatar
Opusti
Enjoying the discussion? Don't just read, join in!

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

Prijavi
Related Posts Odgovori Prikazi Aktivnost
Odoo domain evaluation/interpretation
developer
Avatar
0
nov. 23
2821
Need help from a Odoo/OpenERP developer for small issues.
developer
Avatar
1
avg. 15
4441
Hire Purchase Accounting Development
accounting developer
Avatar
0
okt. 25
554
Learning Roadmap for developer Solved
development developer
Avatar
Avatar
Avatar
2
dec. 24
10794
selenium dont work Solved
developer scrap
Avatar
1
maj 24
3805
Community
  • Tutorials
  • Dokumentacija
  • Forum
Open Source
  • Prenesi
  • Github
  • Runbot
  • Prevodi
Services
  • Odoo.sh Hosting
  • Podpora
  • Nadgradnja
  • Custom Developments
  • Izobraževanje
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Sredstva blagovne znamke
  • Kontakt
  • Zaposlitve
  • Dogodki
  • Podcast
  • Blog
  • Stranke
  • Pravno • Zasebnost
  • Varnost
الْعَرَبيّة 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