How flarum convert colors to light and darken?

0Creative

Hello, I set my settings apperance to first color: E7672E (your theme) and second (header) color: 00ff00
I see, that all colors (font, badges etc) is similar to second color, at my example badge background color is #696 after setting 00ff00 as second color.
Also, i see that Flarum auto-create hover color similar to first color.

My question is: where I can find a function (or code) which convert second color to font color (darker/lighter) and hover color similar to first color?

clarkwinkelmann

0Creative if I understand correctly I think you're referring to how the hover and non-hover colors of the buttons are defined?

For the buttons, the relevant code is in Buttons.less. Each type of button has a class, like .Button--primary, which uses a Less mixin. The mixin takes the font and background color in parameter.

https://github.com/flarum/core/blob/v1.0.4/less/common/Button.less#L169

The hover background color is then computed inside of the mixin using the darken() (and fadein()) Less function on the color passed in parameter.

https://github.com/flarum/core/blob/v1.0.4/less/common/Button.less#L108

background-color: darken(fadein(@background, 5%), 5%);