Themecss question re file replacing itself

cani

I want to make a new theme based on cyborg theme but it doesn't have a directory to @import. How would I go about cloning it?

trevor

Thats what I thought at first... should I edit the theme.css... it was easy that way, but then whenever I restarted the app, it always disappeared. It happened 4 more times until I was like, "There's got to be an easier way". ... well yeah, editing the .less files is way more easier. If you're looking for a CSS to LESS converter, I use this:

css2less.cc

It's helped me out a ton!

dylenbrivera

I'm having issues with the less files located in node_modules/nodebb-theme-vanilla.
I add a background-image to the body of my css, however it is slashed-out in the inspector when I restart the server.
The changes are being detected, however they are not being applied. Has this happened to anyone?

dylenbrivera

Solved my own problem. I've been editing the vanilla theme, however it seems that the actual default theme which is cerulean is overriding my changes. Thought I'd share for the next person.

julian

Hi @dylenbrivera -- you're right, cerulean is enabled by default on new NodeBB installs, although most of the styles are done in the vanilla repo.

Cerulean is a child theme of vanilla, and inherits all of its stylesets.

Leonardo Galani

im having the same problem with lavander... trying to do the minimal changes (colors for start)... edited the .less files... nothing happend..

"forked" the lavander theme (copy paste) the files... edited them... (style and variables) changed on the admin... restarted the server and the same color (purple) is on..... any thoughts? im new to less and node..

julian

Hey @Leonardo-Galani! Where are the files for lavender saved for you, are they in /node_modules/nodebb-theme-lavender?

psychobunny

give us a bit more details, what file exactly did you change in relative to root? I'm assuming mynodebb/node_modules/nodebb-theme-myforkoflavender/less/variables.less? and then you activated the correct theme and then restarted admin?

in that file change @brand-primary to a diff colour and see if the purple changes, let us know if you aren't having any luck

StuartH

Clear the cache? I have been moding my gaming site (xenforo) and every change meant clear cache before then changes where visible (not a dev just my experience, not sure if it applies to nodebb)

julian

@psychobunny Oh, also, if he has lavender alongside "lavender-copy", his theme.json might not have been updated to show the new name, and NodeBB would've loaded just the one theme. (I actually don't know how it would handle two themes with the same id)

psychobunny

ah yeah that's a good point, he should be changing the id as well, it'll load the original if that's what he did

Leonardo Galani

This post is deleted!

Leonardo Galani

Hi,.. thanks for tips..

turns out that nodebb is not loading my theme.. its a lavander fork (copy the whole directory -R ) BUT with a different id on theme.json

i thought it was not loading my changes.. but if i load another theme like.. Cosmo.. and then load my theme... nodebb still show Cosmo template... : /

theme.json

{
    "id": "nodebb-theme-fork",
    "name": "Lavender Theme fork",
    "description": "A simple theme for NodeBB. Check out the theming guide that accompanies this work at http://burnaftercompiling.com",
    "url": "https://www.github.com/psychobunny/nodebb-theme-lavender",
    "screenshot": null,
    "templates": "templates",
    "staticDir": "static"
}