Skip to Content
Odoo Menu
  • Log ind
  • Prøv gratis
  • Apps
    Økonomi
    • Bogføring
    • Fakturering
    • Udgifter
    • Regneark (BI)
    • Dokumenter
    • e-Signatur
    Salg
    • CRM
    • Salg
    • POS Butik
    • POS Restaurant
    • Abonnementer
    • Udlejning
    Hjemmeside
    • Hjemmesidebygger
    • e-Handel
    • Blog
    • Forum
    • LiveChat
    • e-Læring
    Forsyningskæde
    • Lagerbeholdning
    • Produktion
    • PLM
    • Indkøb
    • Vedligeholdelse
    • Kvalitet
    HR
    • Medarbejdere
    • Rekruttering
    • Fravær
    • Medarbejdersamtaler
    • Anbefalinger
    • Flåde
    Marketing
    • Markedsføring på sociale medier
    • E-mailmarketing
    • SMS-marketing
    • Arrangementer
    • Automatiseret marketing
    • Spørgeundersøgelser
    Tjenester
    • Projekt
    • Timesedler
    • Udkørende Service
    • Kundeservice
    • Planlægning
    • Aftaler
    Produktivitet
    • Dialog
    • Godkendelser
    • IoT
    • VoIP
    • Vidensdeling
    • WhatsApp
    Tredjepartsapps Odoo Studio Odoo Cloud-platform
  • Brancher
    Detailhandel
    • Boghandel
    • Tøjforretning
    • Møbelforretning
    • Dagligvarebutik
    • Byggemarked
    • Legetøjsforretning
    Mad og værtsskab
    • Bar og pub
    • Restaurant
    • Fastfood
    • Gæstehus
    • Drikkevareforhandler
    • Hotel
    Ejendom
    • Ejendomsmægler
    • Arkitektfirma
    • Byggeri
    • Ejendomsadministration
    • Havearbejde
    • Boligejerforening
    Rådgivning
    • Regnskabsfirma
    • Odoo-partner
    • Marketingbureau
    • Advokatfirma
    • Rekruttering
    • Audit & certificering
    Produktion
    • Tekstil
    • Metal
    • Møbler
    • Fødevareproduktion
    • Bryggeri
    • Firmagave
    Heldbred & Fitness
    • Sportsklub
    • Optiker
    • Fitnesscenter
    • Kosmetolog
    • Apotek
    • Frisør
    Håndværk
    • Handyman
    • IT-hardware og support
    • Solenergisystemer
    • Skomager
    • Rengøringsservicer
    • VVS- og ventilationsservice
    Andet
    • Nonprofitorganisation
    • Miljøagentur
    • Udlejning af billboards
    • Fotografi
    • Cykeludlejning
    • Softwareforhandler
    Gennemse alle brancher
  • Community
    Få mere at vide
    • Tutorials
    • Dokumentation
    • Certificeringer
    • Oplæring
    • Blog
    • Podcast
    Bliv klogere
    • Udannelselsesprogram
    • Scale Up!-virksomhedsspillet
    • Besøg Odoo
    Få softwaren
    • Download
    • Sammenlign versioner
    • Udgaver
    Samarbejde
    • Github
    • Forum
    • Arrangementer
    • Oversættelser
    • Bliv partner
    • Tjenester til partnere
    • Registrér dit regnskabsfirma
    Modtag tjenester
    • Find en partner
    • Find en bogholder
    • Kontakt en rådgiver
    • Implementeringstjenester
    • Kundereferencer
    • Support
    • Opgraderinger
    Github Youtube Twitter LinkedIn Instagram Facebook Spotify
    +1 (650) 691-3277
    Få en demo
  • Prissætning
  • Hjælp

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

  • CRM
  • e-Commerce
  • Bogføring
  • Lager
  • PoS
  • Projekt
  • MRP
All apps
Du skal være registreret for at interagere med fællesskabet.
All Posts People Emblemer
Tags (View all)
odoo accounting v14 pos v15
Om dette forum
Du skal være registreret for at interagere med fællesskabet.
All Posts People Emblemer
Tags (View all)
odoo accounting v14 pos v15
Om dette forum
Hjælp

How can change color button all apps ?

Tilmeld

Få besked, når der er aktivitet på dette indlæg

Dette spørgsmål er blevet anmeldt
developerprogrammer
4 Besvarelser
12028 Visninger
Avatar
G

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

Thank you.


0
Avatar
Kassér
Avatar
shubham shiroya
Bedste svar

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
Kassér
Avatar
G
Forfatter Bedste svar

Thank you guys, you solved my problem

0
Avatar
Kassér
Avatar
Niyas Raphy (Walnut Software Solutions)
Bedste svar

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
Kassér
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Bedste svar

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
Kassér
Enjoying the discussion? Don't just read, join in!

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

Tilmeld dig
Related Posts Besvarelser Visninger Aktivitet
Odoo domain evaluation/interpretation
developer
Avatar
0
nov. 23
2838
Need help from a Odoo/OpenERP developer for small issues.
developer
Avatar
1
aug. 15
4459
Hire Purchase Accounting Development
accounting developer
Avatar
0
okt. 25
573
Learning Roadmap for developer Løst
development developer
Avatar
Avatar
Avatar
2
dec. 24
11120
selenium dont work Løst
developer scrap
Avatar
1
maj 24
3836
Community
  • Tutorials
  • Dokumentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Oversættelser
Tjenester
  • Odoo.sh-hosting
  • Support
  • Opgradere
  • Individuelt tilpasset udvikling
  • Uddannelse
  • Find en bogholder
  • Find en partner
  • Bliv partner
Om os
  • Vores virksomhed
  • Brandaktiver
  • Kontakt os
  • Stillinger
  • Arrangementer
  • Podcast
  • Blog
  • Kunder
  • Juridiske dokumenter • Privatlivspolitik
  • Sikkerhedspolitik
الْعَرَبيّة 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 er en samling open source-forretningsapps, der dækker alle dine virksomhedsbehov – lige fra CRM, e-handel og bogføring til lagerstyring, POS, projektledelse og meget mere.

Det unikke ved Odoo er, at systemet både er brugervenligt og fuldt integreret.

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