nodebb-theme-oxide

NodeBB theme made to look similar to GitHub design.
Theme itself is not fully done yet, there might still be some places where CSS styling is missing, in addition, some visual components might need to be changed depending on your taste.

Installation

npm i nodebb-theme-oxide

1. Installation is pretty simple, all you have to do is to log into your SSH, go into your main nodebb directory, then copy & paste the above command. It will install the theme for you automatically.
2. After this step, you have to go into your ACP to enable it inside of Appearance > Themes section.
3. Once you have selected the theme, it will ask you to Restart & Rebuild your NodeBB instance, do it.
4. Enjoy this awesome theme! Wooo

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Create PR!

🧐 Screenshots

Demo

What do you think about this chat for NodeBB?

The look is not finished yet! If you have any suggestions on the subject!

Theme has been update to v6.0.0, install last version:

npm install [email protected]

Progressss

Update to 4.0.16, install last version

npm install nodebb-theme-oxide@latest

Changelog: Commits

• Redesigned chat,
• small bugs

@MJ said in New desing for NodeBB chat!:

It's much better, more like other chat-apps like Whatsapp and Messenger

Great work

---

How does it looks like on mobile view?

This is what it looks like on a mobile device

https://streamable.com/nyikz

(The quality is bad after adding the video for hosting.)

@fgallese Rather, there is no point in showing more because the chat is not finished

Update to 3.0.19, install last version

npm install nodebb-theme-oxide@latest or ./nodebb upgrade

Changelog: Github - Commits

• Add option to set all group badges,
• Revert back category icons,
• Re-designed admin panel/menu,
• Change dropdown colors
• and more small fixes...

Update to 4.0.8, install last version

npm install nodebb-theme-oxide@latest

Changelog: Commits

• Improvement search and add better quicksearch,
• Add small fixes

Hello, I created a widget that adds to the forum displaying active users on your discord!

Just put this code in the LESS / CSS tab and in the widgets!
https://gist.github.com/youhosi/9895e58050dff190ae7ce04607224af5

And this one is added to javascript and we set our own api token!

https://gist.github.com/youhosi/e0e02708e1dc29e0be7a9d789db99ab7

Everything looks like this

Update to 1.0.10, install last version

npm install [email protected] or ./nodebb upgrade

Changelog - Github - Commits

What do you think about moving the entire NodeBB view to React? And yes, the view layer is separated from the server and everything communicates via the API. Creating styles in ReactJS is much more modern and exciting

Update to 2.0.8, install last version

npm install nodebb-theme-oxide@latest or ./nodebb upgrade

Changelog - Github - Commits

new box shadow on highlight and animation dropdown

Update to 2.0.16, install last version

npm install nodebb-theme-oxide@latest or ./nodebb upgrade

Changelog - Github - Commits

Update to 3.0.5, install last version

npm install nodebb-theme-oxide@latest or ./nodebb upgrade

Changelog: Github - Commits

Improved category/categories and more fixes.

@smartpunter Persona use the same method, look:

nodebb-theme-persona/templates/recent.tpl at ac58b7f436cfc5dd85556da913d5a7bad68318b2 · NodeBB/nodebb-theme-persona

Persona - A modern and responsive NodeBB theme. Contribute to NodeBB/nodebb-theme-persona development by creating an account on GitHub.

GitHub (github.com)

Clean cache, and try again

Update to 4.0.14, install last version

npm install nodebb-theme-oxide@latest

Changelog: Commits

• Fix theme build error,
• Improvement section view in categories,
• Clean code,
• And more

Update to 4.0.19, install last version

npm install nodebb-theme-oxide@latest

Changelog: Commits

• Add dark style,
• Tags margin fix,
• small bugs

Update to 5.0.0 , install last version

npm install nodebb-theme-oxide@latest

Changelog:

• Improve RWD,
• Fix profile view/uploads files/moderation notes/profile topics,
• Add categories watched to profile,
• Add custom link to cookie consent,
• and more

Topic upgrade

const divisors = integer => {
	const array = [];
	const numbers = [];

	for (let i = 2; i < integer; i++) {
		if (integer % i === 0) numbers.push(i);
	}

	return numbers.length > 0 ? `${numbers} \n ${integer} is prime.` : `${integer} is prime.`;
};

console.log(divisors(10));

Yes, u can use javascript to inject