My CSS Theme

[Joaquin Decima]

After trying to create a theme that fails even as a simple "person" fork with custom css I decided to create a repository with additional css to modify this theme from the custom css box.

I would like more information to create themes but I see it difficult for now. However, I leave my edition for those who want to try it and surely extend it a little more.

https://github.com/Vasak-Group/nodebb-theme-vsk-community

[julian]

Thanks for sharing @Joaquin-Decima, what issues did you have with your theme?

[Joaquin Decima]

I started with a persona fork, but after adding css or less it didn't rebuild the site and showed errors in random templates (that weren't modified)

I tried it by setting person as the parent theme and just adding less. But it didn't work properly either. And adding the same less (built to css) in the custom css field works perfectly.

Check that it is not due to cascade problems or anything like that.

[baris]

Maybe you can take a look at nodebb-theme-lavender, it is a child theme based on vanilla in nodebb 2.x and persona on nodebb 3.x
nodebb 2.x https://github.com/NodeBB/nodebb-theme-lavender/tree/v6
nodebb 3.x https://github.com/NodeBB/nodebb-theme-lavender/tree/master

In theme.json the baseTheme is set to the parent theme "baseTheme": "nodebb-theme-persona" and in the main style file the scss/less of the parent theme is imported. https://github.com/NodeBB/nodebb-theme-lavender/blob/master/theme.scss

If you share the error messages you get we can help more.

[Joaquin Decima]

I'm going to try again. If I have any problem I will discuss it with you.

One question, I don't know the roadmap well, but if I make the theme for v2.x later, will it be very difficult to migrate it to v3.x? Because in that case I don't know if it's worth investing effort

[baris]

If you are starting a new theme I would advise targeting nodebb 3.x because nodebb 2.x uses bootstrap3 and we are upgrading to bootstrap 5 in 3.x.

[Joaquin Decima]

Sure, but currently the forum where I want to use it is in nodebb v2.x and I don't know when I'll be able to upgrade to v3 (I tried locally but couldn't)

[baris]

If they have no plans to upgrade to nodebb 3.x near term then it's fine to stick to 2.x

[Joaquin Decima]

I would really like to use nodebb v3 but the upgrade process doesn't work. I don't know when it will be stable.

[julian]

What errors are you seeing?

[Joaquin Decima]

When I change branches to 3 alpha it doesn't merge and the manual merge is complex because I don't know all the code (I'm using rebase)

[julian]

That suggests that you modified the core code, so you'll have to either merge the code yourself, or abandon it by running the appropriate git commands:

git reset --hard HEAD  # to get back to latest on your branch
git fetch 
git checkout bootstrap5 
git reset --hard origin/bootstrap5   # just in case

[Joaquin Decima]

Thanks!

I have already migrated the theme to scss and I will work it for bootstrap 5.3 (I will see to force it) So when I have news I will show them

[Dony88]

Hi there. i am new here. Thank you for sharing. Its topic are interesting for me.