# Ghost Theme

**URL:** https://meta.discourse.org/t/ghost-theme/111806
**Category:** Theme
**Tags:** official, ghost-theme
**Created:** [March 16, 2019, 5:39pm UTC](https://meta.discourse.org/t/ghost-theme/111806 "2019-03-16T17:39:18Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [March 16, 2019, 5:39pm UTC](https://meta.discourse.org/t/ghost-theme/111806/1 "2019-03-16T17:39:18Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **Ghost** is inspired by the cyberpunk genre. |
| 👓 | **Preview** | [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/ghost-theme) |
| 🛠 | **Repository Link** | [https://github.com/discourse/ghost](https://github.com/discourse/ghost) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme

> [@](#):
>
> :discourse2: As this is an #official theme maintained by the Discourse team, #Support issues, #Contribute > Bug reports, #Contribute > UX suggestions, and requests for #Development advice can be made in the respective categories here on Meta, and tagged with the appropriate theme tag. Click on a link below to get one started. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=ghost-theme "Ask for support on configuring and using the Ghost Theme") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=ghost-theme "A bug report means something is broken, preventing normal/typical use of the theme") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=ghost-theme "Discussion about the user interface of the Ghost Theme, and how features are presented (including language and UI elements)") [🧑‍🎨&nbsp; **Dev**](https://meta.discourse.org/new-topic?category_id=7&tags=ghost-theme "Advice on how to customise this theme for your site")

### Features

Inspired by the cyberpunk genre, this theme captures the sense of rebellion and dystopian city landscape by introducing neon colors and subtle glitches in the interface

 ![a community platform where users can see new topics and join conversations on various subjects, including sports, TV shows, and movies, with options to introduce themselves and participate by voting and responding. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/d/a/7dae0013fa317fd370cb267647e1710695922a0a.jpeg)  
 ![The image shows a user interface of the Devbox application, with a display of a TED Video post and a blog post beneath it, both dated October 2024. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/e/9/7e9a72109e47870075663d04ed75d1e310dc6d52.jpeg)

### Credits

Created by @melhosseiny, with thanks to @awesomerobot and the Discourse team for supporting this work.

 ![5bb9fee9d594f-300](https://global.discourse-cdn.com/meta/original/3X/b/3/b3ff3639986c67232cabeaf7b96e08b823550a85.png)  
_Source_: [Corporations on Behance](https://www.behance.net/gallery/71097767/Corporations)

  

> :discourse2: **Hosted by us?** Themes are available to use on our Standard, Business, and Enterprise plans.

> Last edited by @awesomerobot 2025-02-20T17:03:34Z
> 
> > **Check document**
> >
> > Perform check on document:

---

<div class="post-metadata">

### Author: ![PabloC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pabloc/32/49633_2.png) [@PabloC](https://meta.discourse.org/u/PabloC)
#### Post date: [March 16, 2019, 10:54pm UTC](https://meta.discourse.org/t/ghost-theme/111806/3 "2019-03-16T22:54:29Z")

</div>

I like it! 🙂

---

<div class="post-metadata">

### Author: ![c0ry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c0ry/32/134424_2.png) [@c0ry](https://meta.discourse.org/u/c0ry)
#### Post date: [March 18, 2019, 6:58am UTC](https://meta.discourse.org/t/ghost-theme/111806/6 "2019-03-18T06:58:37Z")

</div>

How do I make it not change my primary logo color?  
It’s currently red, when naturally it’s blue.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [March 18, 2019, 2:53pm UTC](https://meta.discourse.org/t/ghost-theme/111806/7 "2019-03-18T14:53:53Z")

</div>

If you add this css your logo will remain unchanged.

```css
.d-header .logo-big, .d-header #site-logo {
  filter: unset;
}

```

---

<div class="post-metadata">

### Author: ![Joshua\_Kogan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joshua_kogan/32/127595_2.png) [@Joshua\_Kogan](https://meta.discourse.org/u/Joshua_Kogan)
#### Post date: [June 16, 2019, 2:02am UTC](https://meta.discourse.org/t/ghost-theme/111806/15 "2019-06-16T02:02:27Z")

</div>

Hello,

How do I remove the glow from the buttons, and change to color of the topic editor (from blues).

Thank you in advance!

---

<div class="post-metadata">

### Author: ![melhosseiny](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/melhosseiny/32/248891_2.png) [@melhosseiny](https://meta.discourse.org/u/melhosseiny)
#### Post date: [June 18, 2019, 5:29pm UTC](https://meta.discourse.org/t/ghost-theme/111806/16 "2019-06-18T17:29:47Z")

</div>

To remove the glow, you can set `box-shadow` to `none` for default, primary and danger buttons on hover

```
.btn.btn-default, .btn.btn-primary, .btn.btn-danger {
  .discourse-no-touch & {
    &:hover, &.btn-hover {
      box-shadow: none;
    }
  }
}

```

To also remove it from navigation bars (including the main one)

```
.nav-pills, .admin-controls .nav-pills {
  >li>a:hover, >li.active>a, >li>a.active {
    box-shadow: none;
  }
}

// On mobile only
.nav-pills > li.navigation-toggle {
  box-shadow: none;
}

```

To change the background color of the topic editor, I suggest you look at the theme’s source code and search for where the `$bios` sass variable is used. For example, to change the background color of the composer to a red color

```
#reply-control {
  background: red;
}

```

If you do that, you probably also want to change the composer popup’s background as well (it pops up when you start typing and doesn’t show up on mobile)

```
// On desktop only
#composer-popup {
  background: red;
}

```

---

<div class="post-metadata">

### Author: ![Joshua\_Kogan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joshua_kogan/32/127595_2.png) [@Joshua\_Kogan](https://meta.discourse.org/u/Joshua_Kogan)
#### Post date: [June 18, 2019, 5:31pm UTC](https://meta.discourse.org/t/ghost-theme/111806/17 "2019-06-18T17:31:12Z")

</div>

Thank you! I’ll give it a try!

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [July 17, 2019, 3:20pm UTC](https://meta.discourse.org/t/ghost-theme/111806/21 "2019-07-17T15:20:36Z")

</div>

Ghost changes some topic templates and make a bunch of stuff flex, so it will be incompatible with any other plugin or theme that expects the standard Discourse topic template. Getting it to play with other plugins is not planned and out of scope of this theme.

---

<div class="post-metadata">

### Author: ![Heather\_Dudley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heather_dudley/32/151925_2.png) [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [October 18, 2019, 8:30pm UTC](https://meta.discourse.org/t/ghost-theme/111806/22 "2019-10-18T20:30:10Z")

</div>

Just dropping in a bug report from one of my users regarding this theme:

I attempted to resize the text via Discourse preferences, (Preferences \> Interface) and the change isn’t taking effect. The Larger Font theme is contrary to my needs, so I can’t use it as a workaround.

MacBook 2015  
Mojave 10.14  
Firefox 63.0.1  
Ghost theme  
Screenshots:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/1/71f2a2bbaeb5f006200663ab69c47fcb06f5b771.png)  
Set to “largest” font:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/c/2/c251a23602bc6b54b53a6f0eaac815796832e50e.png)  
And…  
 ![image](https://global.discourse-cdn.com/meta/original/3X/d/6/d6b20f83b8d4fd2c2ba673ffc30a9b3b1b0ded30.png)  
Set to “Smaller” font:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/9/b/9b211ff36e6093c2e7c9975ea6743942f4ee872c.png)

Passing this along on behalf of my users!

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [October 18, 2019, 11:06pm UTC](https://meta.discourse.org/t/ghost-theme/111806/23 "2019-10-18T23:06:09Z")

</div>

The font size is hard coded into the theme, so it can’t be overwritten with the text size selector. It would be a fairly small change to update the theme to set the font size based on the classes that get added to Discourse by the text size selector. I’ve tested it out with the font set to 14px, and it seems to me that the theme still looks good with the font at this size. It is possible that it breaks the layout in places that I haven’t looked at though.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [April 1, 2020, 1:36am UTC](https://meta.discourse.org/t/ghost-theme/111806/24 "2020-04-01T01:36:35Z")

</div>

Updated the theme to fix the broken avatars in the topic list on mobile due to

[https://github.com/discourse/discourse/commit/dc1836573d96768b4cc685c52c2c15aeac9f069e](https://github.com/discourse/discourse/commit/dc1836573d96768b4cc685c52c2c15aeac9f069e)

---

<div class="post-metadata">

### Author: ![melhosseiny](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/melhosseiny/32/248891_2.png) [@melhosseiny](https://meta.discourse.org/u/melhosseiny)
#### Post date: [April 11, 2020, 11:28pm UTC](https://meta.discourse.org/t/ghost-theme/111806/25 "2020-04-11T23:28:57Z")

</div>

Submitted a pull request to fix various issues I’ve been noticing on Meta (category page, user menu, admin/settings pages, alerts and others) 🐇

[https://github.com/discourse/ghost/pull/3](https://github.com/discourse/ghost/pull/3)

---

<div class="post-metadata">

### Author: ![Wolftallemo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wolftallemo/32/289645_2.png) [@Wolftallemo](https://meta.discourse.org/u/Wolftallemo)
#### Post date: [December 10, 2020, 4:55am UTC](https://meta.discourse.org/t/ghost-theme/111806/26 "2020-12-10T04:55:37Z")

</div>

Advanced search filters appear to not work unless manually typed out.  
I can see underscores being added to the beginning of file names before fetching, resulting in a 403/4.

---

<div class="post-metadata">

### Author: ![melhosseiny](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/melhosseiny/32/248891_2.png) [@melhosseiny](https://meta.discourse.org/u/melhosseiny)
#### Post date: [December 10, 2020, 8:08pm UTC](https://meta.discourse.org/t/ghost-theme/111806/27 "2020-12-10T20:08:37Z")

</div>

Thanks for reporting this. Ghost restructures the `full-page-search` template and the original template seems to have diverged since. @Falco @awesomerobot I submitted a pull request to use the original template as it is no longer necessary to override it

[https://github.com/discourse/ghost/pull/4](https://github.com/discourse/ghost/pull/4)

---

<div class="post-metadata">

### Author: ![JustG](https://avatars.discourse-cdn.com/v4/letter/j/2acd7d/32.png) [@JustG](https://meta.discourse.org/u/JustG)
#### Post date: [December 11, 2020, 12:14am UTC](https://meta.discourse.org/t/ghost-theme/111806/28 "2020-12-11T00:14:13Z")

</div>

love it ❤ ~~~~~~~~~~

---

<div class="post-metadata">

### Author: ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)
#### Post date: [December 11, 2020, 2:09am UTC](https://meta.discourse.org/t/ghost-theme/111806/29 "2020-12-11T02:09:09Z")

</div>

This theme is well done and fun on mobile!

Thanks to all who contributed to make it even better!

---

<div class="post-metadata">

### Author: ![Wolftallemo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wolftallemo/32/289645_2.png) [@Wolftallemo](https://meta.discourse.org/u/Wolftallemo)
#### Post date: [September 23, 2021, 1:29am UTC](https://meta.discourse.org/t/ghost-theme/111806/30 "2021-09-23T01:29:48Z")

</div>

Got something from one of my users:

Anchors don’t render correctly in category description boxes (although render fine in the pinned topic where the description be)

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/e/6e9327a2625067bafff385cab8418ae1f3b9514d.png)

---

<div class="post-metadata">

### Author: ![seanadl](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@seanadl](https://meta.discourse.org/u/seanadl)
#### Post date: [April 21, 2024, 12:52pm UTC](https://meta.discourse.org/t/ghost-theme/111806/43 "2024-04-21T12:52:51Z")

</div>

Great theme!

However, when installing it on my site I see the “related” and “suggested” links at the bottom of each post overlap. See screenshot:

 ![Screenshot 2024-04-21 at 13.42.39](https://global.discourse-cdn.com/meta/original/4X/b/7/a/b7a07d6c46b5470b3b383122a5396966cbab7c37.jpeg)

---

<div class="post-metadata">

### Author: ![Fluffy\_Circus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fluffy_circus/32/445425_2.png) [@Fluffy\_Circus](https://meta.discourse.org/u/Fluffy_Circus)
#### Post date: [September 20, 2024, 12:55pm UTC](https://meta.discourse.org/t/ghost-theme/111806/44 "2024-09-20T12:55:59Z")

</div>

I love this theme! My only complaint is that the image preview component doesn’t work with it. The preview images will not display for some reason.

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/9/6/696967219d6cee2e009229ed16f3123c3afbd382.jpeg)

> [@Topic List Previews (TLP)](https://meta.discourse.org/t/topic-list-previews-theme-component/209973):
>
> This is a Theme Component but has the option to add a complementary plugin. information_sourceSummary The original Topic Preview component that allows you to add images and excerpts (and more!) to the Topic List whilst being able to configure what additions appear on what list.hammer_and_wrenchRepository Link [GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub](https://github.com/merefield/discourse-tc-topic-list-previews)open_bookInstall Guide [Installing a theme or theme com…](https://meta.discourse.org/t/install-a-theme-or-theme-component/63682)

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [September 20, 2024, 6:57pm UTC](https://meta.discourse.org/t/ghost-theme/111806/45 "2024-09-20T18:57:13Z")

</div>

Have you reported this in the theme component you linked?

I see you have.

This #Customization > Theme component might work as an alternative

> [@Topic Cards](https://meta.discourse.org/t/topic-cards/296048):
>
> discourse2Summary Topic Cards restyle the topic list to display as cards with a thumbnaileyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-cards)hammer_and_wrenchRepository [https://github.com/discourse/discourse-topic-cards](https://github.com/discourse/discourse-topic-cards)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component information_source This theme component may cause conflicts with other customisations to the topic list Features This component …

[Next page](https://meta.discourse.org/t/ghost-theme/111806.md?page=2)
