HOWTO: Overriding Lavender's Purple

Pablo Macaluso

.topic .upvote.btn-primary {
background: green
}

.topic .downvote.btn-primary {
background: red;
}

JR

Hi Guys,
Loving NobeBB - currently have it setup and doing a few tweaks before applying it to production.

Though i'm having issues applying pictures to categories for some reason they don't apply on the home page despite they have been applied on the ACP - I'm using the lavender theme. Anyone able to shed any light on this?

julian

Hey @JR, are you hitting "save" after uploading the image?

JR

@julian Hi, I'm assuming your referring to the save button below the image class field - if so then yes. I've attempted a few different formats but still no luck. Even if i select a different background color, (using the background color field) that also doesn't change.

Keep in mind i'm using the Dark Grey CSS provided from OP, not sure if this will cause issues.

psychobunny

yeah that would do it.

.home .category-item .category-header {
background: #333 !important;
}

get rid of this line

JR

@psychobunny That's fixed it thanks!

psychobunny

np, that really should have read background-color lol. Anyways don't forget to post your site's link in our "Who's using NodeBB" thread

edit: updated the gist

tart2000

@psychobunny OK cool!
Doesn't that cause problems when updating the theme later?

psychobunny

If you're putting this in the Themes ACP Customize tab, then no, you will be able to upgrade without any problems at all

tart2000

OK thanks a lot

LinSN

Hi,
Does anyone know how to put categories title and, after all, all the color in a category as the same color of the category background ?

Thanks

? Offline

Anybody know offhand what the original lavender hex color was? I color-matched it to 7A62D3, but it looks a bit off.

<baris>

https://github.com/NodeBB/nodebb-theme-lavender/commit/093274c72410f4c33ff3a8daa4cc6e92a5bc28d1#diff-a7693b847cd07d7aa4c819d11e5becc1

It was @brand-primary: lighten(spin(#428bca, 45), 8%);