XF 2.3 Prefix style variations possible?

beerForo

Well-known member
Is there code to put in the extra.less that would make prefixes lighter when in light mode and use a different text color?

I've styled mine already in extra.less but to look better in dark. In light, they could be, for example, 20% lighter and with black text.

If this is not possible, how would I just make new ones for light mode only? Thanks!
 
Last edited:
Code:
.label.label--primary

{
    background: red;
    color: white;
    .m-colorScheme(dark,
        {
            background: green;
            color: yellow;
    }
    );
}

Or you can use specific CSS just for dark/light

Code:
.m-colorScheme(dark,
    {
.label.label--primary
        {
            background-color: red;
        }
    }
);

Code:
.m-colorScheme(light,
    {
.label.label--primary
        {
            background-color: red;
        }
    }
);
 
Thank You So Much GIF by Chippy the Dog
 
Back
Top Bottom