# Theme component **URL:** https://meta.discourse.org/c/customization/theme-component/120.md?page=11 [Latest](https://meta.discourse.org/latest.md) · [Categories](https://meta.discourse.org/categories.md) · [Tags](https://meta.discourse.org/tags.md) **Page:** 12 --- ## [Composer Inserted and Deleted Text Formatting Buttons](https://meta.discourse.org/t/composer-inserted-and-deleted-text-formatting-buttons/281719)
**Author:** [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\ **Replies:** 0\ **Last updated:** [October 10, 2023, 7:19am UTC](https://meta.discourse.org/t/composer-inserted-and-deleted-text-formatting-buttons/281719 "2023-10-10T07:19:13Z")
:information\_source: Summary Adds an Inserted Text button and a Deleted Text button to the composer in Discourse. Wraps the selected text in HTML \\ and \\ tags. :eyeglasses: Preview discou… --- ## [Loading Slider to Spinner](https://meta.discourse.org/t/loading-slider-to-spinner/281207)
**Author:** [@Don](https://meta.discourse.org/u/Don)\ **Replies:** 1\ **Last updated:** [October 5, 2023, 9:25pm UTC](https://meta.discourse.org/t/loading-slider-to-spinner/281207 "2023-10-05T21:25:20Z")
:information\_source: Summary This theme component convert the loading slider to spinner. :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/loading-slider-to-spinner: Th… --- ## [Add \ tags to words in posts](https://meta.discourse.org/t/add-abbr-tags-to-words-in-posts/88394)
**Author:** [@Freso](https://meta.discourse.org/u/Freso)\ **Replies:** 26\ **Last updated:** [October 5, 2023, 3:48pm UTC](https://meta.discourse.org/t/add-abbr-tags-to-words-in-posts/88394 "2023-10-05T15:48:05Z")
About This theme component is ported from Auto-Linkify Words to provide functionality similar to the Abbreviations and acronyms plugin – namely to wrap various abbreviations used in a given forum/site/Discourse installat… --- ## [GitHub Status Indicators](https://meta.discourse.org/t/github-status-indicators/130471)
**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\ **Replies:** 8\ **Last updated:** [September 21, 2023, 11:16pm UTC](https://meta.discourse.org/t/github-status-indicators/130471 "2023-09-21T23:16:22Z")
:discourse2: Summary GitHub Status Indicators adds status indicators to GitHub oneboxes for issues and pull requests. Live information is provided by https://shields.io. :eyeglasses: Preview Preview on Disc… --- ## [Long picture adaptation](https://meta.discourse.org/t/long-picture-adaptation/279538)
**Author:** [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)\ **Replies:** 3\ **Last updated:** [September 20, 2023, 6:39am UTC](https://meta.discourse.org/t/long-picture-adaptation/279538 "2023-09-20T06:39:01Z")
:information\_source: Summary Stretching images with an aspect ratio greater than 2:1 :hammer\_and\_wrench: Repository GitHub - Lhcfl/discourse-larger-long-image · GitHub :question: Install Guide How to insta… --- ## [Discourse Solved Quote Customization](https://meta.discourse.org/t/discourse-solved-quote-customization/232074)
**Author:** [@Don](https://meta.discourse.org/u/Don)\ **Replies:** 2\ **Last updated:** [September 12, 2023, 5:02pm UTC](https://meta.discourse.org/t/discourse-solved-quote-customization/232074 "2023-09-12T17:02:25Z")
Hello :wave: This is a simple component to help customize the Discourse Solved plugin solution quote on OP. Rounded The component have some settings to easily change colors or add rounded corners… … --- ## [Discourse Docs Card Filter](https://meta.discourse.org/t/discourse-docs-card-filter/187947)
**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\ **Replies:** 42\ **Last updated:** [September 12, 2023, 2:49pm UTC](https://meta.discourse.org/t/discourse-docs-card-filter/187947 "2023-09-12T14:49:44Z")
:discourse2: Summary Discourse Docs Card Filter is to be used with the Discourse Docs Plugin and allows you to place “Cards” that act as a clickable filter for quicker filter results upon entering the /docs p… --- ## [Discourse Custom Width](https://meta.discourse.org/t/discourse-custom-width/256171)
**Author:** [@Canapin](https://meta.discourse.org/u/Canapin)\ **Replies:** 11\ **Last updated:** [March 18, 2023, 5:15pm UTC](https://meta.discourse.org/t/discourse-custom-width/256171 "2023-03-18T17:15:36Z")
:information\_source: Summary Set a custom width for your Discourse forum :eyeglasses: Preview Theme Creator (1400px width) :hammer\_and\_wrench: Repository GitHub - Canapin/Discourse-custom-width: Set a cust… --- ## [Close Composer On Page Change (mobile)](https://meta.discourse.org/t/close-composer-on-page-change-mobile/275685)
**Author:** [@Don](https://meta.discourse.org/u/Don)\ **Replies:** 1\ **Last updated:** [August 18, 2023, 11:16am UTC](https://meta.discourse.org/t/close-composer-on-page-change-mobile/275685 "2023-08-18T11:16:40Z")
:information\_source: Summary Close Composer On Page Change :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/close-composer-on-page-change: This theme component is clos… --- ## [Fixed-Position Topic Edit Button](https://meta.discourse.org/t/fixed-position-topic-edit-button/272849)
**Author:** [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\ **Replies:** 2\ **Last updated:** [July 26, 2023, 4:22am UTC](https://meta.discourse.org/t/fixed-position-topic-edit-button/272849 "2023-07-26T04:22:22Z")
:information\_source: Summary Moves the Topic Edit Button to a Fixed Position (Defaults to Top Right) :eyeglasses: Preview PREVIEW\_LINK :hammer\_and\_wrench: Repository https://github.com/denvergeeks/discours… --- ## [Twemoji Icons](https://meta.discourse.org/t/twemoji-icons/272295)
**Author:** [@manuel](https://meta.discourse.org/u/manuel)\ **Replies:** 4\ **Last updated:** [July 20, 2023, 3:55pm UTC](https://meta.discourse.org/t/twemoji-icons/272295 "2023-07-20T15:55:59Z")
:information\_source: Summary Use Twitter emojis as icons in Discourse. :hammer\_and\_wrench: Repository GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse. · GitHub :question: Instal… --- ## [Hamburger Theme Selector](https://meta.discourse.org/t/hamburger-theme-selector/61210)
**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\ **Replies:** 69\ **Last updated:** [May 30, 2023, 1:37pm UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210 "2023-05-30T13:37:21Z")
:warning: This theme component is end-of-life and is no longer supported This theme component no longer works in recent versions of Discourse. Please see Sidebar Theme Toggle as an alternative. … --- ## [Mobile Category List Adjustments](https://meta.discourse.org/t/mobile-category-list-adjustments/124106)
**Author:** [@tshenry](https://meta.discourse.org/u/tshenry)\ **Replies:** 1\ **Last updated:** [May 13, 2023, 3:26am UTC](https://meta.discourse.org/t/mobile-category-list-adjustments/124106 "2023-05-13T03:26:28Z")
This is a very simple theme component that will allow you to adjust a few aspects of the category list layout on mobile. Preview on your phone with the hide\_featured\_topics setting enabled at Theme Creator If any… --- ## [New PM Dropdown Button](https://meta.discourse.org/t/new-pm-dropdown-button/210093)
**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\ **Replies:** 8\ **Last updated:** [May 4, 2023, 5:19pm UTC](https://meta.discourse.org/t/new-pm-dropdown-button/210093 "2023-05-04T17:19:30Z")
:discourse2: Summary New PM Dropdown Button adds a New Message button to the PM notification dropdown menu in the site header. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: R… --- ## [Scroll to Top Component](https://meta.discourse.org/t/scroll-to-top-component/116506)
**Author:** [@davidkingham](https://meta.discourse.org/u/davidkingham)\ **Replies:** 27\ **Last updated:** [March 19, 2023, 11:41pm UTC](https://meta.discourse.org/t/scroll-to-top-component/116506 "2023-03-19T23:41:22Z")
This is a simple theme component that adds a scroll to top button in the lower left corner when you scroll down a page. It’s a much quicker and easier way to get to the top rather than using the timeline in my opinion. I… --- ## [Sidebar User Field Toggle](https://meta.discourse.org/t/sidebar-user-field-toggle/257634)
**Author:** [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)\ **Replies:** 1\ **Last updated:** [March 9, 2023, 6:17pm UTC](https://meta.discourse.org/t/sidebar-user-field-toggle/257634 "2023-03-09T18:17:51Z")
:information\_source: Summary Add toggles into new sidebar :hammer\_and\_wrench: Repository GitHub - Lhcfl/sidebar-user-field-toggle: Add toggles into new sidebar · GitHub :question: Install Guide How to inst… --- ## [Restrict Category Editing for Topics](https://meta.discourse.org/t/restrict-category-editing-for-topics/256197)
**Author:** [@Crius](https://meta.discourse.org/u/Crius)\ **Replies:** 0\ **Last updated:** [February 24, 2023, 9:18pm UTC](https://meta.discourse.org/t/restrict-category-editing-for-topics/256197 "2023-02-24T21:18:13Z")
:information\_source: Summary Allow to prevent users to edit the category of a topic after its creation :eyeglasses: Preview - :hammer\_and\_wrench: Repository Github :question: Install Guide How to install… --- ## [Composer tip under specific tag topics](https://meta.discourse.org/t/composer-tip-under-specific-tag-topics/255618)
**Author:** [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)\ **Replies:** 20\ **Last updated:** [February 21, 2023, 6:16am UTC](https://meta.discourse.org/t/composer-tip-under-specific-tag-topics/255618 "2023-02-21T06:16:26Z")
:information\_source: Summary This theme component provides a description of specific tagged topics in composer :hammer\_and\_wrench: Repository GitHub - Lemon-planting-light/discourse-composer-tip: Add tips to… --- ## [Expanded Create Topic Component](https://meta.discourse.org/t/expanded-create-topic-component/188753)
**Author:** [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)\ **Replies:** 0\ **Last updated:** [April 30, 2021, 8:15pm UTC](https://meta.discourse.org/t/expanded-create-topic-component/188753 "2021-04-30T20:15:17Z")
This component replaces the traditional + New Topic button in Discourse for an input with a button. The text typed into the input will be used as the topic title once clicking + . Example In Action … --- ## [Discourse Popular Tag Sidebar](https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853)
**Author:** [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\ **Replies:** 26\ **Last updated:** [January 9, 2023, 9:50pm UTC](https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853 "2023-01-09T21:50:56Z")
This theme component displays a category’s most popular tags in a sticky sidebar on screens wider than 767px (most tablets and desktop devices). :warning: You must enable the show filter by tag setting on your site for … --- ## [Open In Script Editor](https://meta.discourse.org/t/open-in-script-editor/249726)
**Author:** [@alldritt](https://meta.discourse.org/u/alldritt)\ **Replies:** 0\ **Last updated:** [December 23, 2022, 7:35am UTC](https://meta.discourse.org/t/open-in-script-editor/249726 "2022-12-23T07:35:20Z")
This theme component adds an Open in Script Editor button below every AppleScript code block when topics are viewed on macOS. This allows macOS users to compile and execute posted AppleScript code directly. … --- ## [Category Highlighter](https://meta.discourse.org/t/category-highlighter/148318)
**Author:** [@angus](https://meta.discourse.org/u/angus)\ **Replies:** 16\ **Last updated:** [October 15, 2022, 12:53pm UTC](https://meta.discourse.org/t/category-highlighter/148318 "2022-10-15T12:53:46Z")
This theme component lets you highlight a category (or categories) in your Discourse. You can: Give specific categories a special background style Add a category link to the header with the same special style An examp… --- ## [Desktop PWA Navigation](https://meta.discourse.org/t/desktop-pwa-navigation/241108)
**Author:** [@Don](https://meta.discourse.org/u/Don)\ **Replies:** 0\ **Last updated:** [October 6, 2022, 9:04am UTC](https://meta.discourse.org/t/desktop-pwa-navigation/241108 "2022-10-06T09:04:05Z")
:information\_source: Summary Desktop PWA Footer Navigation :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/desktop-pwa-nav: Desktop PWA Navigation · GitHub :question: Install Guide How to install a the… --- ## [Lightweight Topic List Container](https://meta.discourse.org/t/lightweight-topic-list-container/239206)
**Author:** [@traceymoko](https://meta.discourse.org/u/traceymoko)\ **Replies:** 0\ **Last updated:** [September 16, 2022, 12:31pm UTC](https://meta.discourse.org/t/lightweight-topic-list-container/239206 "2022-09-16T12:31:43Z")
Having a box for the main topic container is pretty on-trend at the moment, but I didn’t want a fully-fledged theme with everything else. So I’ve made a theme-component. Now you can piece together parts as you like. … --- ## [Topic list sidebar navigation](https://meta.discourse.org/t/topic-list-sidebar-navigation/94056)
**Author:** [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\ **Replies:** 5\ **Last updated:** [September 14, 2022, 4:25pm UTC](https://meta.discourse.org/t/topic-list-sidebar-navigation/94056 "2022-09-14T16:25:53Z")
What does this theme component do? This takes our standard topic list navigation and puts it into a sticky sidebar (as long as your browser is wider than 768px). You also have the option in the settings to show the si… --- ## [Change color of personal messages](https://meta.discourse.org/t/change-color-of-personal-messages/108816)
**Author:** [@oca](https://meta.discourse.org/u/oca)\ **Replies:** 13\ **Last updated:** [May 12, 2022, 9:34am UTC](https://meta.discourse.org/t/change-color-of-personal-messages/108816 "2022-05-12T09:34:04Z")
For some time I borrowed @ChrisBeach’s CSS snippet, so I converted it into a theme component, find the result here: What it does It changes the appearance of the page when a personal message is being read: the head… --- ## [CSS Classes for Current User's Groups](https://meta.discourse.org/t/css-classes-for-current-users-groups/226068)
**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\ **Replies:** 0\ **Last updated:** [May 4, 2022, 4:06am UTC](https://meta.discourse.org/t/css-classes-for-current-users-groups/226068 "2022-05-04T04:06:25Z")
:discourse2: Summary CSS Classes for Current User’s Groups adds the groups that a member is a part of as CSS classes on the \ tag. :eyeglasses: Preview Preview on theme-creator.discourse.org … --- ## [Christmas hats component](https://meta.discourse.org/t/christmas-hats-component/74853)
**Author:** [@barryvan](https://meta.discourse.org/u/barryvan)\ **Replies:** 32\ **Last updated:** [January 24, 2022, 12:47am UTC](https://meta.discourse.org/t/christmas-hats-component/74853 "2022-01-24T00:47:24Z")
As Christmas approaches, you may want to add a bit of festive flair to your forum. So I present a (very simple) Christmas hats theme: A couple of notes: This theme assumes list avatars are 25x25 with a 2px border … --- ## [Segment Tracking Theme Component](https://meta.discourse.org/t/segment-tracking-theme-component/133335)
**Author:** [@simon](https://meta.discourse.org/u/simon)\ **Replies:** 16\ **Last updated:** [December 6, 2021, 4:43pm UTC](https://meta.discourse.org/t/segment-tracking-theme-component/133335 "2021-12-06T16:43:55Z")
:warning: The repository was archived by the owner on Jun 25, 2025 This theme component allows you to send data about your site’s usage to Segment. The component supports calling segment.identify when a user first … --- ## [Hide Discourse's search and use Google's](https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696)
**Author:** [@SidV](https://meta.discourse.org/u/SidV)\ **Replies:** 3\ **Last updated:** [November 21, 2021, 10:02pm UTC](https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696 "2021-11-21T22:02:16Z")
Hello my friends My forum is getting a lot of searches from anonymous users not registering or valuing the true essence of the community (which is helping others), so I have decided to create a component to remove the n… [Previous page](https://meta.discourse.org/c/customization/theme-component/120.md?page=10) [Next page](https://meta.discourse.org/c/customization/theme-component/120.md?page=12)