NateDhaliwal's Theme

Theme
1
:information_source: Summary A simple, functional theme for Discourse.
:eyeglasses: Preview Theme Creator
:hammer_and_wrench: Repository https://github.com/NateDhaliwal/NateDhaliwal-s-Theme
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

The theme puts text in Kode Mono, which is similar to code font. It contains a dark color scheme which is better on the eyes.
tsParticles’ links animation can also be used as a background instead of the default grey colour.

This image depicts a screenshot of a Discourse forum using the NateDhaliwal's theme, showing the tsParticles' links animation.
This image depicts a screenshot of a Discourse forum using the NateDhaliwal's theme, showing the tsParticles' links animation.1920×928 240 KB

The image shows a screenshot of a discourse forum using the NateDhaliwal's thme.
The image shows a screenshot of a discourse forum using the NateDhaliwal's thme.1920×931 80.2 KB

This image depicts a screenshot of a Discourse forum in a topic using the NateDhaliwal's theme.
This image depicts a screenshot of a Discourse forum in a topic using the NateDhaliwal's theme.1920×932 97 KB

Admins have a title/badge before their username. In posts, : is displayed after the username.

There is also a setting, background_animation that is a dropdown. You can choose Either Links, Anemone (distracting, though), or Hyperspace (a 1 second glitch when it loads [1]). If you want neither, the default option, None, is available.

Another setting, display_new_topic_badge shows a New! badge next to new topics. Credits to @sheng_hualuo for their post here for the code.

This theme is a dark theme; the colour palette is called ‘NateDhaliwal (dark)’. I am working on a light mode version [2]: look out for that!

  1. I don’t think this can be helped. ↩︎

  2. Though, as a developer, I can’t imagine anyone using light mode. ↩︎

8 Likes
2

Nice theme. Thanks.

1 Like
3

2 new background animations added: Anemone and Hyperspace. Merged into 1 setting: background_animation.

4

Look good. :+1:
Maybe you could adjust the color depth of the animation because it’s a bit hard to read.

IMG_5039
IMG_50391170×2532 334 KB

2 Likes
5

Ah, the animation is very clumped together because of the screen width. It’s fine on desktop, but I can take a look at changing the colour to something a bit darker.