Ghost Theme

:discourse2: Summary Ghost is inspired by the cyberpunk genre.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/ghost
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme

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


Credits

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


Source: Corporations on Behance


: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 documentPerform check on document:
63 Likes

I like it! :slight_smile:

3 Likes

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

2 Likes

If you add this css your logo will remain unchanged.

.d-header .logo-big, .d-header #site-logo {
  filter: unset;
}
6 Likes

Hello,

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

Thank you in advance!

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;
}
4 Likes

Thank you! I’ll give it a try!

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.

11 Likes

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:


Set to “largest” font:

And…

Set to “Smaller” font:

Passing this along on behalf of my users!

3 Likes

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.

6 Likes

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

https://github.com/discourse/discourse/commit/dc1836573d96768b4cc685c52c2c15aeac9f069e

8 Likes

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

https://github.com/discourse/ghost/pull/3

11 Likes

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.

3 Likes

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

6 Likes

love it :heart: ~~~~~~~~~~

2 Likes

This theme is well done and fun on mobile!

Thanks to all who contributed to make it even better!

2 Likes

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

1 Like

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:

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.

1 Like

Have you reported this in the theme component you linked?

I see you have.

This Theme component might work as an alternative