The purple is due to the fact I added a "mix-blend-mode" on "screen" in the buttons' style! There are 3 ways to change the way it looks, you can either change the blending mode to something else, change the btn-outline color to another bootstrap color that would better fit [ex: info, warning, success, etc], or as a third option add a "filter: hue-rotate(#deg) saturate(#%) brightness(#%)" inside every "a" tag's style and play around with the parameters of that to get the desired color! Otherwise there is no other way to change it. Highly recommend using circlejourney TH editor if you're not already!
Below I have bolded and colored each of the elements you can change/add to have your desired outcome! In red we have the button-outline which uses ToyHouse's bootstrap colors, in green we have the additon of the "filter" style which is the most customisable option, and in blue the blend-mode! The concered "a" tags can be found on lines: 31, 39, 47, 55 and 63!
The purple is due to the fact I added a "mix-blend-mode" on "screen" in the buttons' style! There are 3 ways to change the way it looks, you can either change the blending mode to something else, change the btn-outline color to another bootstrap color that would better fit [ex: info, warning, success, etc], or as a third option add a "filter: hue-rotate(#deg) saturate(#%) brightness(#%)" inside every "a" tag's style and play around with the parameters of that to get the desired color! Otherwise there is no other way to change it. Highly recommend using circlejourney TH editor if you're not already!
Below I have bolded and colored each of the elements you can change/add to have your desired outcome! In red we have the button-outline which uses ToyHouse's bootstrap colors, in green we have the additon of the "filter" style which is the most customisable option, and in blue the blend-mode!
The concered "a" tags can be found on lines: 31, 39, 47, 55 and 63!
<a class="btn btn-outline-danger active rounded-0 border-0 align-items-center justify-content-center tooltipster" style="filter: hue-rotate(0deg) saturate(0%) brightness(0%); width: 100px; height: 100px; font-size: 20px; mix-blend-mode: screenÂ
2 months, 8 days ago
tysm!
2 months, 8 days ago