# Theme component

**URL:** https://meta.discourse.org/c/customization/theme-component/120.md?page=7

[Latest](https://meta.discourse.org/latest.md) · [Categories](https://meta.discourse.org/categories.md) · [Tags](https://meta.discourse.org/tags.md)

**Page:** 8

---

## [Discourse Button Styles](https://meta.discourse.org/t/discourse-button-styles/88154)

<div class="topic-metadata">

**Author:** [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Replies:** 40\
**Last updated:** [September 18, 2025, 12:56pm UTC](https://meta.discourse.org/t/discourse-button-styles/88154 "2025-09-18T12:56:20Z")

</div>

This theme component includes basic settings for changing button colors without writing CSS. Github repo: https://github.com/awesomerobot/discourse-button-styles Installation: Installing a theme or theme component Pre…

---

## [Custom Topic Sort Order Button](https://meta.discourse.org/t/custom-topic-sort-order-button/380530)

<div class="topic-metadata">

**Author:** [@Don](https://meta.discourse.org/u/Don)\
**Replies:** 10\
**Last updated:** [September 12, 2025, 2:10pm UTC](https://meta.discourse.org/t/custom-topic-sort-order-button/380530 "2025-09-12T14:10:28Z")

</div>

:information\_source: Summary Topic Sort Order Button :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/custom-topic-sort-order-button: Add a custom topic sorting button…

---

## [Discourse Featured User](https://meta.discourse.org/t/discourse-featured-user/382304)

<div class="topic-metadata">

**Author:** [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Replies:** 2\
**Last updated:** [September 12, 2025, 1:41pm UTC](https://meta.discourse.org/t/discourse-featured-user/382304 "2025-09-12T13:41:04Z")

</div>

:information\_source: Summary Feature a user as a banner the top of your site :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - NateDhaliwal/discourse-featured-user: Shows a banner …

---

## [Discourse Birthdays & Anniversaries Today (Banner)](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435)

<div class="topic-metadata">

**Author:** [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Replies:** 10\
**Last updated:** [September 10, 2025, 4:04am UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435 "2025-09-10T04:04:11Z")

</div>

:information\_source: Summary Adds a banner to the site to show the anniversaries and birthdays today. :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - NateDhaliwal/Discourse-Birth…

---

## [Discourse Graph (Plotly) Embed](https://meta.discourse.org/t/discourse-graph-plotly-embed/380193)

<div class="topic-metadata">

**Author:** [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Replies:** 5\
**Last updated:** [September 9, 2025, 12:11pm UTC](https://meta.discourse.org/t/discourse-graph-plotly-embed/380193 "2025-09-09T12:11:17Z")

</div>

:information\_source: Summary Embed Plotly graphs into posts from an equation :hammer\_and\_wrench: Repository GitHub - NateDhaliwal/discourse-graph-embed · GitHub :question: Install Guide How to install a th…

---

## [MD Topic List component](https://meta.discourse.org/t/md-topic-list-component/117694)

<div class="topic-metadata">

**Author:** [@Steven](https://meta.discourse.org/u/Steven)\
**Replies:** 73\
**Last updated:** [September 7, 2025, 1:26pm UTC](https://meta.discourse.org/t/md-topic-list-component/117694 "2025-09-07T13:26:03Z")

</div>

A lighter topic-list presentation for your Discourse forum. The posters column has been deleted but some informations has been added (name and avatar of the last poster) in the activity column and below the topic title (name of the topic creator, and a little emoji for the tags).

---

## [Homepage Blocks](https://meta.discourse.org/t/homepage-blocks/347066)

<div class="topic-metadata">

**Author:** [@manuel](https://meta.discourse.org/u/manuel)\
**Replies:** 5\
**Last updated:** [September 4, 2025, 12:05pm UTC](https://meta.discourse.org/t/homepage-blocks/347066 "2025-09-04T12:05:57Z")

</div>

:information\_source: Summary Build a custom homepage with configurable block components :hammer\_and\_wrench: Repository Manuel Kostka / Discourse / Blocks / Homepage Blocks · GitLab :question: Install Guide …

---

## [Placeholder Forms](https://meta.discourse.org/t/placeholder-forms/113533)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 18\
**Last updated:** [August 30, 2024, 3:47pm UTC](https://meta.discourse.org/t/placeholder-forms/113533 "2024-08-30T15:47:37Z")

</div>

:discourse2: Summary Placeholder Forms will let you build dynamic documentation, by creating a form that replaces any occurrence of a =PATTERN= in your post with the value from a text or selectable input fiel…

---

## [eBay EPN Affiliate Link Generator](https://meta.discourse.org/t/ebay-epn-affiliate-link-generator/292012)

<div class="topic-metadata">

**Author:** [@piffy](https://meta.discourse.org/u/piffy)\
**Replies:** 15\
**Last updated:** [September 2, 2025, 8:52am UTC](https://meta.discourse.org/t/ebay-epn-affiliate-link-generator/292012 "2025-09-02T08:52:26Z")

</div>

:information\_source: Summary eBay EPN Affiliate Link Generator :hammer\_and\_wrench: Repository GitHub - ScottMastro/discourse-ebay-affiliate: Discourse theme component to inject eBay affiliate links · GitHub …

---

## [Buttons for Scrolling to the Top/Bottom of Topics](https://meta.discourse.org/t/buttons-for-scrolling-to-the-top-bottom-of-topics/240412)

<div class="topic-metadata">

**Author:** [@piffy](https://meta.discourse.org/u/piffy)\
**Replies:** 25\
**Last updated:** [September 1, 2025, 12:20pm UTC](https://meta.discourse.org/t/buttons-for-scrolling-to-the-top-bottom-of-topics/240412 "2025-09-01T12:20:27Z")

</div>

Background Navigating my forum requires a lot of jumping between the top and bottom of topics. This theme component makes that easier by placing visible jump buttons on topic pages. How to install …

---

## [A TC of fun: Discourse Confetti Clicks](https://meta.discourse.org/t/a-tc-of-fun-discourse-confetti-clicks/331148)

<div class="topic-metadata">

**Author:** [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Replies:** 10\
**Last updated:** [August 31, 2025, 11:44pm UTC](https://meta.discourse.org/t/a-tc-of-fun-discourse-confetti-clicks/331148 "2025-08-31T23:44:32Z")

</div>

:information\_source: Summary Add fun to your community by having confetti where you click, using tsParticles. :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - NateDhaliwal/discour…

---

## [Customizable Navbar Component](https://meta.discourse.org/t/customizable-navbar-component/381096)

<div class="topic-metadata">

**Author:** [@piffy](https://meta.discourse.org/u/piffy)\
**Replies:** 0\
**Last updated:** [September 1, 2025, 3:44am UTC](https://meta.discourse.org/t/customizable-navbar-component/381096 "2025-09-01T03:44:08Z")

</div>

Background Need quick access to custom links (like Home, Rules, or Badges) directly in a navigation bar? This theme component makes it easy to add and configure a custom navbar that shows up at the top of the page. How …

---

## [Density Toggle Component](https://meta.discourse.org/t/density-toggle-component/350967)

<div class="topic-metadata">

**Author:** [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)\
**Replies:** 13\
**Last updated:** [August 29, 2025, 6:42pm UTC](https://meta.discourse.org/t/density-toggle-component/350967 "2025-08-29T18:42:11Z")

</div>

:information\_source: Summary Change your viewing density :hammer\_and\_wrench: Repository GitHub - discourse/density-toggle: This theme component allows users to set the density of their view of a Discourse fo…

---

## [Custom embedded replies](https://meta.discourse.org/t/custom-embedded-replies/272670)

<div class="topic-metadata">

**Author:** [@Don](https://meta.discourse.org/u/Don)\
**Replies:** 12\
**Last updated:** [August 28, 2025, 5:44am UTC](https://meta.discourse.org/t/custom-embedded-replies/272670 "2025-08-28T05:44:24Z")

</div>

:information\_source: Summary Modified embedded replies :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/custom-embedded-replies: This theme component modifies the embe…

---

## [Advanced Header Search](https://meta.discourse.org/t/advanced-header-search/194093)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 49\
**Last updated:** [August 27, 2025, 8:12am UTC](https://meta.discourse.org/t/advanced-header-search/194093 "2025-08-27T08:12:59Z")

</div>

:discourse2: Summary Advanced Header Search removes the search icon from the header menu and creates a search bar that is placed in the middle of the header area. :eyeglasses: Preview Preview on Discourse T…

---

## [YouTube Timestamps Component](https://meta.discourse.org/t/youtube-timestamps-component/147091)

<div class="topic-metadata">

**Author:** [@balupton](https://meta.discourse.org/u/balupton)\
**Replies:** 9\
**Last updated:** [August 23, 2025, 10:57am UTC](https://meta.discourse.org/t/youtube-timestamps-component/147091 "2025-08-23T10:57:58Z")

</div>

Converts timestamps within a post, to timestamp hyperlinks to the post’s (otherwise the topic’s) associated YouTube video. https://github.com/bevry/discourse-component-youtubetimestamps See it in action here Maps of M…

---

## [AI Conversations – Sidebar Search](https://meta.discourse.org/t/ai-conversations-sidebar-search/378898)

<div class="topic-metadata">

**Author:** [@BrianC](https://meta.discourse.org/u/BrianC)\
**Replies:** 0\
**Last updated:** [August 16, 2025, 11:07pm UTC](https://meta.discourse.org/t/ai-conversations-sidebar-search/378898 "2025-08-16T23:07:57Z")

</div>

\[Theme Component\] AI Conversations – Sidebar Search (messages-only) Hey all—just wanted to share a tiny theme component I made (with a push from ChatGPT). It adds a lightweight “AI Messages” search box to the AI Conversa…

---

## [Usercard: show leaderboard rank](https://meta.discourse.org/t/usercard-show-leaderboard-rank/378735)

<div class="topic-metadata">

**Author:** [@chapoi](https://meta.discourse.org/u/chapoi)\
**Replies:** 5\
**Last updated:** [August 15, 2025, 5:17pm UTC](https://meta.discourse.org/t/usercard-show-leaderboard-rank/378735 "2025-08-15T17:17:50Z")

</div>

:information\_source: Summary Tiny component to add the Leaderboard Rank to the usercard :hammer\_and\_wrench: Repository repo :question: Install Guide How to install a theme or theme component :open\_book: N…

---

## [Custom Homepage for Groups](https://meta.discourse.org/t/custom-homepage-for-groups/199623)

<div class="topic-metadata">

**Author:** [@pfaffman](https://meta.discourse.org/u/pfaffman)\
**Replies:** 104\
**Last updated:** [August 6, 2025, 2:40pm UTC](https://meta.discourse.org/t/custom-homepage-for-groups/199623 "2025-08-06T14:40:28Z")

</div>

Overview When installed and added to the active theme, this theme component enables you to control the ‘homepage’, allowing it to be different from the set of pages Discourse allows by default, as well as having differen…

---

## [Signup Banner](https://meta.discourse.org/t/signup-banner/210745)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 9\
**Last updated:** [August 6, 2025, 10:35am UTC](https://meta.discourse.org/t/signup-banner/210745 "2025-08-06T10:35:33Z")

</div>

:discourse2: Summary Signup Banner connects into the core signup CTA and will show a pop up banner (in addition to the normal CTA block at the end of a topic). :eyeglasses: Preview Preview on Discourse The…

---

## [Custom Header Links (icons)](https://meta.discourse.org/t/custom-header-links-icons/86307)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 117\
**Last updated:** [August 4, 2025, 3:19pm UTC](https://meta.discourse.org/t/custom-header-links-icons/86307 "2025-08-04T15:19:01Z")

</div>

:discourse2: Summary Custom Header Links (icons) will allow you to easily add linked icons to the Discourse header. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository L…

---

## [Add To Home Screen (iOS, iPadOS)](https://meta.discourse.org/t/add-to-home-screen-ios-ipados/266897)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 41\
**Last updated:** [July 31, 2025, 7:03am UTC](https://meta.discourse.org/t/add-to-home-screen-ios-ipados/266897 "2025-07-31T07:03:15Z")

</div>

:discourse2: Summary Add To Home Screen (iOS, iPadOS) adds a popup for users on iOS devices. This popup is dismissible and will not show up if you are viewing a Discourse forum via PWA. :hammer\_and\_wrench: R…

---

## [Welcome Link Banner](https://meta.discourse.org/t/welcome-link-banner/218743)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 39\
**Last updated:** [July 9, 2025, 12:35pm UTC](https://meta.discourse.org/t/welcome-link-banner/218743 "2025-07-09T12:35:13Z")

</div>

:discourse2: Summary Welcome Link Banner is a simple banner that allows you to add custom text and 1-4 links. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link ht…

---

## [MD Composer extras](https://meta.discourse.org/t/md-composer-extras/118912)

<div class="topic-metadata">

**Author:** [@Steven](https://meta.discourse.org/u/Steven)\
**Replies:** 70\
**Last updated:** [July 8, 2025, 12:27pm UTC](https://meta.discourse.org/t/md-composer-extras/118912 "2025-07-08T12:27:43Z")

</div>

This theme component adds few formatting options in the composer : underline, align center, align right, justify and strikethrough. You can customize the text of each button in the settings, making it compatible with every languages. Exist in rtl version (change align right to align left).

---

## [Share theme (component) translations](https://meta.discourse.org/t/share-theme-component-translations/371975)

<div class="topic-metadata">

**Author:** [@Moin](https://meta.discourse.org/u/Moin)\
**Replies:** 1\
**Last updated:** [June 27, 2025, 10:07am UTC](https://meta.discourse.org/t/share-theme-component-translations/371975 "2025-06-27T10:07:24Z")

</div>

:information\_source: Summary Help translating themes and theme components by easily sharing the translations done in the Discourse interface :eyeglasses: Preview Sharing themes on theme creator is currently …

---

## [Editor Preview Position](https://meta.discourse.org/t/editor-preview-position/309934)

<div class="topic-metadata">

**Author:** [@Alteras](https://meta.discourse.org/u/Alteras)\
**Replies:** 8\
**Last updated:** [June 25, 2025, 5:49pm UTC](https://meta.discourse.org/t/editor-preview-position/309934 "2025-06-25T17:49:42Z")

</div>

:information\_source: Summary Allows the user to reposition and resize the preview in the composer for Discourse. :hammer\_and\_wrench: Repository GitHub - Alteras1/discourse-editor-preview-position: Discourse …

---

## [Toggle Whisper 👁](https://meta.discourse.org/t/toggle-whisper/181616)

<div class="topic-metadata">

**Author:** [@fzngagan](https://meta.discourse.org/u/fzngagan)\
**Replies:** 41\
**Last updated:** [June 25, 2025, 4:06pm UTC](https://meta.discourse.org/t/toggle-whisper/181616 "2025-06-25T16:06:55Z")

</div>

This theme component adds a post menu button for staff users to make a regular post a whisper or vice versa. :wrench: How to install :computer: Get the code This is useful especially for forums where a lot of …

---

## [Discourse Cookie Consent Banner](https://meta.discourse.org/t/discourse-cookie-consent-banner/108380)

<div class="topic-metadata">

**Author:** [@tshenry](https://meta.discourse.org/u/tshenry)\
**Replies:** 34\
**Last updated:** [June 19, 2025, 7:05am UTC](https://meta.discourse.org/t/discourse-cookie-consent-banner/108380 "2025-06-19T07:05:07Z")

</div>

:warning: At this time, it is highly unlikely that this theme component will be enough to comply with GDPR regulations. This is particularly the case if you are using services that introduce 3rd-party cookies. It is hi…

---

## [Enable Notification Banner](https://meta.discourse.org/t/enable-notification-banner/370163)

<div class="topic-metadata">

**Author:** [@MihirR](https://meta.discourse.org/u/MihirR)\
**Replies:** 1\
**Last updated:** [June 18, 2025, 8:45pm UTC](https://meta.discourse.org/t/enable-notification-banner/370163 "2025-06-18T20:45:17Z")

</div>

:information\_source: Summary Adds a banner prompting users to enable browser notifications. Only shows if notifications aren’t already enabled and displays once every 2 days. :hammer\_and\_wrench: Repository G…

---

## [Alternate New Topic Button (per category)](https://meta.discourse.org/t/alternate-new-topic-button-per-category/369529)

<div class="topic-metadata">

**Author:** [@nathank](https://meta.discourse.org/u/nathank)\
**Replies:** 2\
**Last updated:** [June 10, 2025, 10:54pm UTC](https://meta.discourse.org/t/alternate-new-topic-button-per-category/369529 "2025-06-10T22:54:47Z")

</div>

:information\_source: Summary Changes the text of the New Topic button per category. :hammer\_and\_wrench: Repository github.com/nathan-nz/category-new-topic-button :question: Install Guide How to install a t…

[Previous page](https://meta.discourse.org/c/customization/theme-component/120.md?page=6)

[Next page](https://meta.discourse.org/c/customization/theme-component/120.md?page=8)
