Odoo Help

Welcome!

This community is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.

1

How do you change the color of oe_highlight to green?

By
Thomas OToole
on 11/13/13, 2:04 AM 2,699 views

I want to change the highlight color to green - where is the base class located so I can change it to green from red?

1
Ashif Abdulrahman
On 11/13/13, 5:45 AM

add this code in the css file of your module

.openerp button.oe_highlight {    
  background-color: #0080FF;    
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7A36D9), to(#7A36D9));    
  background-image: -webkit-linear-gradient(top, #7A36D9, #7A36D9);   
  background-image: -moz-linear-gradient(top, #7A36D9, #7A36D9);    
  background-image: -ms-linear-gradient(top, #7A36D9, #7A36D9);    
  background-image: -o-linear-gradient(top, #7A36D9, #7A36D9);    
  background-image: linear-gradient(to bottom, #7A36D9, #7A36D9);    
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;   
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;    
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;    
}

.openerp button.oe_highlight:hover {    
  background-color: #c63939;   
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4436D9), to(#4436D9));  
  background-image: -webkit-linear-gradient(top, #4436D9, #4436D9);    
  background-image: -moz-linear-gradient(top, #4436D9, #4436D9);    
  background-image: -ms-linear-gradient(top, #4436D9, #4436D9);
  background-image: -o-linear-gradient(top, #4436D9, #4436D9);
  background-image: linear-gradient(to bottom, #4436D9, #4436D9);

}

thank you this is what I needed

Thomas OToole
on 11/21/13, 2:29 AM
1
DNTQ
On 11/13/13, 2:36 AM

You can create a css file, and edit like this .openerp button.oe_highlight, { background-image: linear-gradient(to bottom, rgb(1, 131, 1), rgb(1, 151, 1)); }

Your Answer

Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!

About This Community

This community is for professionals and enthusiasts of our products and services. Read Guidelines

Question tools

1 follower(s)

Stats

Asked: 11/13/13, 2:04 AM
Seen: 2699 times
Last updated: 7/1/16, 1:44 PM