Change hover color on login screen-->button

[prubi]

Hello i wanna change the colors on my skin. I use the elastic skin, i wanna change the main colors, this is done, but i don know where to change the hover color for the login button (if i go over this button with the mouse)- i wanna change the color, where can i do that? In which file etc.?

Ps.: there are some screenshots.

I hope you can help me.

[JohnDoh]

how did you change the color of the login button? by default it uses the main color and the hover is calculated from that so in _variables.less you add

Code Select Expand

@color-main: <color>;
and recompile the css and that will change the main colors everywhere in Roundcube.

To change only the login button you'd need to add something like:

Code Select Expand


#login-form button.mainaction {
  background-color: #123456;
  border-color: #123456;

  &:hover {
    background-color: #123456;
  }
}

to _styles.less and recompile the css.

[prubi]

Okay thank you, but how to recompile the css? What does this mean?

[prubi]

Allright its done. Ive solved the problem with adding the code to the styles.less and i recombined the css and it worked, thanks.