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개의 좋아요

I like it! :slight_smile:

3개의 좋아요

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

2개의 좋아요

If you add this css your logo will remain unchanged.

.d-header .logo-big, .d-header #site-logo {
  filter: unset;
}
6개의 좋아요

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개의 좋아요

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개의 좋아요

사용자 중 한 분으로부터 이 테마에 대한 버그 보고를 전달합니다:

Discourse 설정(설정 > 인터페이스)에서 텍스트 크기를 조정하려고 했지만, 변경 사항이 적용되지 않습니다. ‘큰 글꼴(Larger Font)’ 테마는 제 필요와 맞지 않아 임시 해결책으로 사용할 수 없습니다.

MacBook 2015
Mojave 10.14
Firefox 63.0.1
Ghost 테마
스크린샷:


‘최대(largest)’ 글꼴로 설정:

그리고…

‘작은(Smaller)’ 글꼴로 설정:

사용자들을 대신하여 이 문제를 전달합니다!

3개의 좋아요

글꼴 크기가 테마에 하드코딩되어 있어 텍스트 크기 선택기로 덮어쓸 수 없습니다. 텍스트 크기 선택기가 Discourse에 추가하는 클래스를 기반으로 글꼴 크기를 설정하도록 테마를 업데이트하는 것은 비교적 작은 변경 사항입니다. 글꼴을 14px로 설정하여 테스트해 봤을 때, 이 크기로도 테마가 여전히 잘 보인다고 생각합니다. 다만 제가 확인하지 못한 부분에서 레이아웃이 깨질 가능성은 있습니다.

6개의 좋아요

모바일에서 주제 목록의 아바타가 깨지는 문제를 수정하기 위해 테마를 업데이트했습니다.

8개의 좋아요

메타에서 발견한 여러 문제(카테고리 페이지, 사용자 메뉴, 관리자/설정 페이지, 알림 등)를 수정하기 위해 풀 리퀘스트를 제출했습니다 :rabbit2:

11개의 좋아요

고급 검색 필터가 수동으로 직접 입력하지 않으면 작동하지 않는 것 같습니다.
검색 전에 파일 이름 앞에 밑줄이 추가되는 것을 볼 수 있으며, 이로 인해 403/4 오류가 발생합니다.

3개의 좋아요

이 문제를 보고해 주셔서 감사합니다. Ghost가 full-page-search 템플릿을 재구성했고, 이후 원래 템플릿이 변경된 것으로 보입니다. @Falco @awesomerobot 더 이상 오버라이드가 필요 없으므로 원래 템플릿을 사용하도록 풀 리퀘스트를 제출했습니다.

6개의 좋아요

정말 좋아해요 :heart: ~~~~~~~~~~

2개의 좋아요

이 테마는 모바일에서 잘 만들어졌고 재미있어요!

더 나아지도록 기여해 주신 모든 분들께 감사드립니다!

2개의 좋아요

사용자 중 한 명에게서 이런 피드백을 받았습니다:

앵커가 카테고리 설명 상자에서 올바르게 렌더링되지 않습니다(설명이 있는 고정된 주제에서는 정상적으로 렌더링됩니다).

1개의 좋아요

훌륭한 테마입니다!

하지만 제 사이트에 설치해 보니 각 게시글 하단의 “관련” 및 “추천” 링크가 겹쳐 보입니다. 스크린샷을 확인해 주세요:

이 테마 정말 좋아해요! 유일한 불만은 이미지 미리보기 컴포넌트가 이 테마와 호환되지 않는다는 거예요. 이유를 모르겠지만 미리보기 이미지가 표시되지 않아요.

1개의 좋아요

링크하신 테마 컴포넌트에 이 문제를 보고했나요?

보고하셨다는 것을 확인했습니다.

이 #customization:theme-component가 대안으로 작동할 수 있습니다.