Author Topic: Change hover color on login screen-->button  (Read 214 times)

Offline prubi

  • Newbie
  • *
  • Posts: 7
Change hover color on login screen-->button
« on: June 24, 2020, 08:04:37 AM »
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.

Offline JohnDoh

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 2,457
Re: Change hover color on login screen-->button
« Reply #1 on: June 24, 2020, 12:39:40 PM »
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]
@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]
#login-form button.mainaction {
  background-color: #123456;
  border-color: #123456;

  &:hover {
    background-color: #123456;
  }
}
to _styles.less and recompile the css.
Roundcube Plugins: Contextmenu, SpamAssassin Prefs, and moreā€¦

Offline prubi

  • Newbie
  • *
  • Posts: 7
Re: Change hover color on login screen-->button
« Reply #2 on: June 24, 2020, 12:58:10 PM »
Okay thank you, but how to recompile the css? What does this mean?

Offline prubi

  • Newbie
  • *
  • Posts: 7
Re: Change hover color on login screen-->button
« Reply #3 on: June 24, 2020, 02:04:48 PM »
Allright its done. Ive solved the problem with adding the code to the styles.less and i recombined the css and it worked, thanks.