# Theme component

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

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

**Page:** 11

---

## [Floating left sidebar](https://meta.discourse.org/t/floating-left-sidebar/320241)

<div class="topic-metadata">

**Author:** [@chapoi](https://meta.discourse.org/u/chapoi)\
**Replies:** 1\
**Last updated:** [August 5, 2024, 8:47pm UTC](https://meta.discourse.org/t/floating-left-sidebar/320241 "2024-08-05T20:47:20Z")

</div>

:information\_source: Summary Make the fixed, left-anchored sidebar float instead :eyeglasses: Preview preview :hammer\_and\_wrench: Repository repo :question: Install Guide How to install a theme or theme …

---

## [Custom Logo Link](https://meta.discourse.org/t/custom-logo-link/316531)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [July 16, 2024, 12:08pm UTC](https://meta.discourse.org/t/custom-logo-link/316531 "2024-07-16T12:08:57Z")

</div>

:discourse2: Summary Custom Logo Link allows admins to set the link of the logo for desktop/mobile and anonymous/logged in users. :eyeglasses: Preview Preview on Discourse Theme Creator …

---

## [Wikified Posts Component](https://meta.discourse.org/t/wikified-posts-component/199492)

<div class="topic-metadata">

**Author:** [@nathank](https://meta.discourse.org/u/nathank)\
**Replies:** 17\
**Last updated:** [July 10, 2024, 8:26pm UTC](https://meta.discourse.org/t/wikified-posts-component/199492 "2024-07-10T20:26:51Z")

</div>

Simple Description This theme component enables you to make Wiki posts (and Shared Edits posts) more obvious. Wikis and Shared Edits are a powerful feature of Discourse, but many users are unfamiliar with the concept an…

---

## [Allow users to block keywords](https://meta.discourse.org/t/allow-users-to-block-keywords/256228)

<div class="topic-metadata">

**Author:** [@asc](https://meta.discourse.org/u/asc)\
**Replies:** 9\
**Last updated:** [July 5, 2024, 6:28am UTC](https://meta.discourse.org/t/allow-users-to-block-keywords/256228 "2024-07-05T06:28:00Z")

</div>

:information\_source: Summary This theme component allows users to block keywords. Requires three custom user fields to be created in Admin settings in order to function. :eyeglasses: Preview I can’t preview…

---

## [Minima Adjustments for Topic Cards](https://meta.discourse.org/t/minima-adjustments-for-topic-cards/303733)

<div class="topic-metadata">

**Author:** [@traceymoko](https://meta.discourse.org/u/traceymoko)\
**Replies:** 1\
**Last updated:** [June 21, 2024, 7:50am UTC](https://meta.discourse.org/t/minima-adjustments-for-topic-cards/303733 "2024-06-21T07:50:11Z")

</div>

:information\_source: Summary Lightweight Theme Component to make Discourse Topic Cards compatible with Discourse Minima :eyeglasses: Preview https://forum.mellifluidity.org :hammer\_and\_wrench: Repository G…

---

## [Override Signup CTA requirements](https://meta.discourse.org/t/override-signup-cta-requirements/312890)

<div class="topic-metadata">

**Author:** [@michaeld](https://meta.discourse.org/u/michaeld)\
**Replies:** 0\
**Last updated:** [June 20, 2024, 2:07pm UTC](https://meta.discourse.org/t/override-signup-cta-requirements/312890 "2024-06-20T14:07:47Z")

</div>

:information\_source: Summary Override signup CTA requirements :eyeglasses: Preview PREVIEW\_LINK :hammer\_and\_wrench: Repository GitHub - communiteq/discourse-tc-override-cta-requirements · GitHub …

---

## [User Portfolio](https://meta.discourse.org/t/user-portfolio/156678)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 25\
**Last updated:** [June 19, 2024, 5:12pm UTC](https://meta.discourse.org/t/user-portfolio/156678 "2024-06-19T17:12:25Z")

</div>

:discourse2: Summary User Portfolio adds a new “Portfolio” tab to the user profile. It can be configured to show the user’s topics from a specific category and/or tag. It also works great alongside the Topic …

---

## [Thin Header](https://meta.discourse.org/t/thin-header/77220)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [January 4, 2018, 4:26am UTC](https://meta.discourse.org/t/thin-header/77220 "2018-01-04T04:26:01Z")

</div>

:discourse2: Summary Thin Header reduces the height of the default Discourse header. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link https://github.com/discours…

---

## [Intercom Widget](https://meta.discourse.org/t/intercom-widget/107517)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [January 25, 2019, 11:55am UTC](https://meta.discourse.org/t/intercom-widget/107517 "2019-01-25T11:55:33Z")

</div>

:discourse2: Summary Intercom Widget allows basic integration with Intercom. :hammer\_and\_wrench: Repository Link https://github.com/discourse/discourse-intercom-widget :open\_book: New to Discourse Themes? …

---

## [Hide Auth Method](https://meta.discourse.org/t/hide-auth-method/227584)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [May 20, 2022, 10:16am UTC](https://meta.discourse.org/t/hide-auth-method/227584 "2022-05-20T10:16:06Z")

</div>

:discourse2: Summary Hide Auth Method allows authentication methods to be hidden from the UI :hammer\_and\_wrench: Repository Link https://github.com/discourse/discourse-hide-auth-method :open\_book: New to …

---

## [Group Categories Page Override](https://meta.discourse.org/t/group-categories-page-override/223560)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [April 7, 2022, 1:55am UTC](https://meta.discourse.org/t/group-categories-page-override/223560 "2022-04-07T01:55:03Z")

</div>

:discourse2: Summary Group Categories Page Override allows you to choose a custom /categories page layout for specific groups. :hammer\_and\_wrench: Repository Link https://github.com/discourse/discourse-grou…

---

## [Customized Inline Codeblocks](https://meta.discourse.org/t/customized-inline-codeblocks/229452)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [June 8, 2022, 9:59pm UTC](https://meta.discourse.org/t/customized-inline-codeblocks/229452 "2022-06-08T21:59:17Z")

</div>

:discourse2: Summary Customized Inline Codeblocks allows you to change the styling of the inline codeblocks to add more visual separation between the code and other elements. :eyeglasses: Preview Preview on…

---

## [Custom Code](https://meta.discourse.org/t/custom-code/108059)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [January 31, 2019, 8:51pm UTC](https://meta.discourse.org/t/custom-code/108059 "2019-01-31T20:51:47Z")

</div>

:discourse2: Summary Custom Code allows you to customize the font and colors for source shared on the site. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link http…

---

## [Compact Navigation](https://meta.discourse.org/t/compact-navigation/172034)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 0\
**Last updated:** [December 2, 2020, 7:19pm UTC](https://meta.discourse.org/t/compact-navigation/172034 "2020-12-02T19:19:29Z")

</div>

:discourse2: Summary Compact Navigation allows you to display the “Mobile” navigation pills drop-down layout on desktop. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Reposi…

---

## [Take a break! Theme component](https://meta.discourse.org/t/take-a-break-theme-component/140248)

<div class="topic-metadata">

**Author:** [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\
**Replies:** 18\
**Last updated:** [May 22, 2024, 6:23pm UTC](https://meta.discourse.org/t/take-a-break-theme-component/140248 "2024-05-22T18:23:57Z")

</div>

What is it? After a discussion about moderators about spending an extended amount of time on the screen, I decided it’ll be best to remind staff members(and non-staff!) to frequently take a break from the forums after lo…

---

## [Scrollable Post Content](https://meta.discourse.org/t/scrollable-post-content/112479)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 8\
**Last updated:** [May 10, 2024, 1:57pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479 "2024-05-10T13:57:35Z")

</div>

:discourse2: Summary Scrollable Post Content will allow you to add scrollable sections in posts with one click! :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link h…

---

## [D3 Graphviz Theme Component](https://meta.discourse.org/t/d3-graphviz-theme-component/153031)

<div class="topic-metadata">

**Author:** [@magjac](https://meta.discourse.org/u/magjac)\
**Replies:** 11\
**Last updated:** [April 30, 2024, 1:36am UTC](https://meta.discourse.org/t/d3-graphviz-theme-component/153031 "2024-04-30T01:36:52Z")

</div>

The D3 Graphviz Theme Component allows you to add animated Graphviz graphs to your post using the DOT language. Based on d3-graphviz. Repository: GitHub - magjac/discourse-d3-graphviz: Discourse theme component for rend…

---

## [Discourse Modal Grip](https://meta.discourse.org/t/discourse-modal-grip/305977)

<div class="topic-metadata">

**Author:** [@Don](https://meta.discourse.org/u/Don)\
**Replies:** 1\
**Last updated:** [April 29, 2024, 7:25pm UTC](https://meta.discourse.org/t/discourse-modal-grip/305977 "2024-04-29T19:25:11Z")

</div>

:information\_source: Summary Modal Grip :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/discourse-modal-grip · GitHub :question: Install Guide How to install a them…

---

## [Rainbow Header Gradient for Discourse](https://meta.discourse.org/t/rainbow-header-gradient-for-discourse/301625)

<div class="topic-metadata">

**Author:** [@traceymoko](https://meta.discourse.org/u/traceymoko)\
**Replies:** 0\
**Last updated:** [March 30, 2024, 6:55am UTC](https://meta.discourse.org/t/rainbow-header-gradient-for-discourse/301625 "2024-03-30T06:55:12Z")

</div>

:information\_source: Summary Header Gradient and Composer Gradient :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - tracey-le/discourse-header-gradient: Gradient header - Discours…

---

## [Discourse Tag Cloud](https://meta.discourse.org/t/discourse-tag-cloud/218014)

<div class="topic-metadata">

**Author:** [@merefield](https://meta.discourse.org/u/merefield)\
**Replies:** 25\
**Last updated:** [March 26, 2024, 1:01pm UTC](https://meta.discourse.org/t/discourse-tag-cloud/218014 "2024-03-26T13:01:43Z")

</div>

Adds a traditional(ish), responsive tag “cloud” to the Tag page and optionally to the top of the Discovery List for ease of navigation. The tags are automatically arranged in a cloud, whilst their relative size represen…

---

## [Masonry Image Gallery](https://meta.discourse.org/t/masonry-image-gallery/188315)

<div class="topic-metadata">

**Author:** [@Heddson](https://meta.discourse.org/u/Heddson)\
**Replies:** 60\
**Last updated:** [March 20, 2024, 11:51am UTC](https://meta.discourse.org/t/masonry-image-gallery/188315 "2024-03-20T11:51:11Z")

</div>

:warning: This feature is now built-in to Discourse core, see the announcement regarding image grids in Discourse. This theme component adds a responsive masonry-style image gallery with customizable ordering. Deskt…

---

## [Category Hider Theme Component](https://meta.discourse.org/t/category-hider-theme-component/181299)

<div class="topic-metadata">

**Author:** [@keegan](https://meta.discourse.org/u/keegan)\
**Replies:** 21\
**Last updated:** [March 6, 2024, 11:32pm UTC](https://meta.discourse.org/t/category-hider-theme-component/181299 "2024-03-06T23:32:47Z")

</div>

Hi all, I’ve created a simple theme component. I hope this could be of use for some! :eyeglasses: Overview This is a theme component that allows you to hide specific categories from either the hamburger menu or category…

---

## [Change the Like Icon to 👍](https://meta.discourse.org/t/change-the-like-icon-to/87748)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 6\
**Last updated:** [February 27, 2024, 11:50am UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748 "2024-02-27T11:50:39Z")

</div>

:discourse2: Summary Change the Like Icon to :+1: allows you to change the :heart: icon to the :+1: icon – or any other font awesome 5.5 glyph you prefer. :eyeglasses: Preview Preview on Discourse Theme Cr…

---

## [Media Overlay component](https://meta.discourse.org/t/media-overlay-component/81418)

<div class="topic-metadata">

**Author:** [@david](https://meta.discourse.org/u/david)\
**Replies:** 40\
**Last updated:** [January 12, 2024, 10:25am UTC](https://meta.discourse.org/t/media-overlay-component/81418 "2024-01-12T10:25:47Z")

</div>

Continuing from https://meta.discourse.org/t/media-overlay-plugin/60549… Discourse Media Overlay Theme This theme component allows users to “pop out” media into a floating window while they browse the site. They can eve…

---

## [Hide Muted Categories](https://meta.discourse.org/t/hide-muted-categories/140611)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 18\
**Last updated:** [December 26, 2023, 12:31pm UTC](https://meta.discourse.org/t/hide-muted-categories/140611 "2023-12-26T12:31:28Z")

</div>

:discourse2: Summary Hide Muted Categories hides muted categories from the category list. :hammer\_and\_wrench: Repository Link https://github.com/discourse/discourse-hide-muted-categories :open\_book: New t…

---

## [Categories Layout Override](https://meta.discourse.org/t/categories-layout-override/131098)

<div class="topic-metadata">

**Author:** [@tshenry](https://meta.discourse.org/u/tshenry)\
**Replies:** 4\
**Last updated:** [December 21, 2023, 8:46pm UTC](https://meta.discourse.org/t/categories-layout-override/131098 "2023-12-21T20:46:37Z")

</div>

Normally the desktop categories page layout is set via a global site setting. When added to a theme, this component will allow you to override the layout of the categories page for that specific theme. Installation R…

---

## [Hide details button style](https://meta.discourse.org/t/hide-details-button-style/286777)

<div class="topic-metadata">

**Author:** [@Ger](https://meta.discourse.org/u/Ger)\
**Replies:** 2\
**Last updated:** [December 1, 2023, 7:45am UTC](https://meta.discourse.org/t/hide-details-button-style/286777 "2023-12-01T07:45:02Z")

</div>

:information\_source: Summary Styles \[details\] to make it more obvious they are clickable :eyeglasses: Preview via Theme Creator :hammer\_and\_wrench: Repository Ger / Component - Better Hide Details · GitLab …

---

## [Custom Loading Spinner Component](https://meta.discourse.org/t/custom-loading-spinner-component/174801)

<div class="topic-metadata">

**Author:** [@meghna](https://meta.discourse.org/u/meghna)\
**Replies:** 18\
**Last updated:** [November 25, 2023, 10:49pm UTC](https://meta.discourse.org/t/custom-loading-spinner-component/174801 "2023-11-25T22:49:24Z")

</div>

While working on the Grogu theme I implemented a custom loading icon for that theme and thought it would be cool to have a standalone component to customize the loading spinner icon. This component allows staff to custo…

---

## [Smooth Scroll Top on Homepage](https://meta.discourse.org/t/smooth-scroll-top-on-homepage/283076)

<div class="topic-metadata">

**Author:** [@Don](https://meta.discourse.org/u/Don)\
**Replies:** 1\
**Last updated:** [October 23, 2023, 3:40pm UTC](https://meta.discourse.org/t/smooth-scroll-top-on-homepage/283076 "2023-10-23T15:40:54Z")

</div>

:information\_source: Summary Smooth Scroll to Homepage Top by clicking Logo :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/smooth-scroll-top-on-homepage: Smooth Scro…

---

## [Colorful Categories](https://meta.discourse.org/t/colorful-categories/207267)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 12\
**Last updated:** [October 19, 2023, 5:50pm UTC](https://meta.discourse.org/t/colorful-categories/207267 "2023-10-19T17:50:07Z")

</div>

:discourse2: Summary Colorful Categories uses each category’s colors in more places when you’re on a category topic list or within a topic. :eyeglasses: Preview Preview on Discourse Theme Creator …

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

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