HOWTO: Overriding Lavender's Purple

[Pablo Macaluso]

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

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

@psychobunny works great!

[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

[A Former User]

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

[baris]

changed brand primary · NodeBB/nodebb-theme-lavender@093274c

A simple theme for NodeBB. Check out the theming guide that accompanies this work - changed brand primary · NodeBB/nodebb-theme-lavender@093274c

GitHub (github.com)

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