# NateDhaliwal's Theme

**URL:** https://meta.discourse.org/t/natedhaliwals-theme/332501
**Category:** Theme
**Created:** [October 24, 2024, 8:57am UTC](https://meta.discourse.org/t/natedhaliwals-theme/332501 "2024-10-24T08:57:56Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [October 24, 2024, 8:57am UTC](https://meta.discourse.org/t/natedhaliwals-theme/332501/1 "2024-10-24T08:57:56Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | A simple, functional theme for Discourse. |
| 👓 | **Preview** | [Theme Creator](https://discourse.theme-creator.io/theme/NateDhaliwal/natedhaliwals-theme) |
| 🛠 | **Repository** | [GitHub - NateDhaliwal/NateDhaliwal-s-Theme · GitHub](https://github.com/NateDhaliwal/NateDhaliwal-s-Theme) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

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.](https://global.discourse-cdn.com/meta/original/4X/8/d/7/8d734b9ed64f16f00aa543716c920d00e0bfeddd.jpeg)

 ![The image shows a screenshot of a discourse forum using the NateDhaliwal's thme.](https://global.discourse-cdn.com/meta/original/4X/2/2/d/22d8c880534a30c10c53570c9dfe13a608206ab2.png)

 ![This image depicts a screenshot of a Discourse forum in a topic using the NateDhaliwal's theme.](https://global.discourse-cdn.com/meta/original/4X/f/a/3/fa3834ebecbe977f6043454fe4126aed97da5f94.png)

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](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/2) for the code.

Note that some backgrounds are not very mobile-friendly, for example at [NateDhaliwal's Theme - #4 by CAX.DO](https://meta.discourse.org/t/natedhaliwals-theme/332501/4?silent=true).

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.

---

<div class="post-metadata">

### Author: ![ufukayyildiz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ufukayyildiz/32/217157_2.png) [@ufukayyildiz](https://meta.discourse.org/u/ufukayyildiz)
#### Post date: [October 26, 2024, 9:28pm UTC](https://meta.discourse.org/t/natedhaliwals-theme/332501/2 "2024-10-26T21:28:56Z")

</div>

Nice theme. Thanks.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [November 4, 2024, 7:08am UTC](https://meta.discourse.org/t/natedhaliwals-theme/332501/3 "2024-11-04T07:08:33Z")

</div>

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

---

<div class="post-metadata">

### Author: ![CAX.DO](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@CAX.DO](https://meta.discourse.org/u/CAX.DO)
#### Post date: [November 4, 2024, 7:13am UTC](https://meta.discourse.org/t/natedhaliwals-theme/332501/4 "2024-11-04T07:13:52Z")

</div>

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

 ![IMG_5039](https://global.discourse-cdn.com/meta/original/4X/0/c/7/0c789c049629953b6b69436e4d6aea8608a553e1.jpeg)

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [November 4, 2024, 7:16am UTC](https://meta.discourse.org/t/natedhaliwals-theme/332501/5 "2024-11-04T07:16:02Z")

</div>

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.
