Ah okay, cool stuff so far man. Keep up the good work!
Thanks man. I am not a UI designer but I am trying to learn in the process.
New theme for nodebb community
npm install nodebb-theme-exodus
Why exodus? Because i like a more classic layout with real responsive r , stylized buttons and different layouts on mobile and desktop.
I have introduced more than a thousand lines of new css code adjustments only for this theme and of course it is a fork a persona so all plugins will work the same way.
We first developed theme-exodo for our community based on vanilla, but we changed a lot of templates and we ended up with a theme that was too difficult to update and we have been many months on v0.7.x because of that
Now Exodus is the next step, it has all persona templates only the way of display post is a little different, i used flex box to keep post size minimum if needed and its show in a different way user info while reading topics.
It also has mobile improvements on topic list and we keeper a guild container with different media queries fixes for different layouts while keeping theme as light as possible
So now we hope theme-exodus will be easy upgradeable on upcoming core and persona changes.
On the way
Some new things will be available soon
like be able to show a panel with recent topics list while reading a topic
New pagination with sliders on mobile
More css fixes
Optional Plugin Additions:
Following the plugin system we did our new homepage on a separate plugin so it can be used or not with the new theme.
All are published on npm and will be updated when needed
Its based on custom homepage so any user will be able to use the homepage or select another one like recent, categories etc on his profile
It will show recent template on a side and a sidebar with categories tiles and user block bellow
You can add some widgets on the homepage too
npm install nodebb-plugin-homepage-exodo
it will add a line to show who opened the topic or if someone of your friends write on it
npm install nodebb-plugin-highlights
Fully compatible on hiding ignored users post
npm install nodebb-plugin-ignore-users
this was an ambitious plugin that we had on the past and it is now rebuilt for this theme
Will give you the ability to select near every color of the theme and personalize even fonts and backgrounds
it is still on development (still only in spanish) but it works nice, it will save the customization on db and or local storage so it is very fast and won't have any delay like other customization options
It also has some presets, light and night mode if you are lazy to select colors your own
npm install nodebb-plugin-custom-exodo
There is more on the way.
We like to build things for nodebb but we currently only 2 person so any PR (internationalizations ) and help on github , (also issues reports) will be appreciated
Screens on next post
Full example pics, take care on bandwidth
@exodo This is some great stuff. Really like the custom plugin to allow users to change the site as they wish.
some video example with customization
@exodo which skin have you selected in the persona option?
@chrismccoy it is all custom theme, no skin. Just based on persona but modified in a heavy way.
ya i wasnt sure if a custom skin was selected, as persona has a bunch of bootstrap skin options.
just trying to duplicate what you have on the live demo, what do you have selected as the main page, recent, custom, etc?
I am trying exodus theme and I want to change the pink colour (#CF246A) of the button's borders. I would like to change buttons background colour too. What CSS selectors and properties should I change? I have tryed all .btn selectors and several properties without success.
updated for nodebb 1.3.0 and pushed to npm