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 изменяет некоторые шаблоны тем и делает множество элементов гибкими, поэтому он будет несовместим с любыми другими плагинами или темами, которые ожидают стандартный шаблон темы Discourse. Доработка совместимости с другими плагинами не предусмотрена и выходит за рамки данного шаблона.

11 лайков

Передаю отчет об ошибке от одного из моих пользователей по поводу этой темы:

Я попытался изменить размер текста через настройки Discourse (Настройки > Интерфейс), но изменения не применяются. Тема с крупным шрифтом не подходит для моих нужд, поэтому я не могу использовать её как обходное решение.

MacBook 2015
Mojave 10.14
Firefox 63.0.1
Тема Ghost
Скриншоты:


Установлен шрифт «Наибольший»:

И…

Установлен шрифт «Меньший»:

Передаю эту информацию от имени моих пользователей!

3 лайка

Размер шрифта жёстко задан в теме, поэтому его нельзя изменить с помощью селектора размера текста. Обновление темы для установки размера шрифта на основе классов, которые добавляет к Discourse селектор размера текста, потребовало бы довольно небольших изменений. Я протестировал это с размером шрифта 14 пикселей, и мне кажется, что тема при таком размере шрифта всё ещё выглядит хорошо. Однако возможно, что в некоторых местах, которые я не проверял, это может нарушить верстку.

6 лайков

Обновлена тема для исправления отображения аватаров в списке тем на мобильных устройствах из-за

8 лайков

Отправлен pull request для исправления различных проблем, которые я заметил на Meta (страница категории, меню пользователя, страницы администратора/настроек, оповещения и другие) :rabbit2:

11 лайков

Расширенные фильтры поиска, по-видимому, не работают, если их не ввести вручную.
Я вижу, что к началу имен файлов добавляются символы подчеркивания перед загрузкой, что приводит к ошибке 403/4.

EjjdvXfvXn|видео

3 лайка

Спасибо за сообщение. Ghost изменил структуру шаблона full-page-search, и исходный шаблон, похоже, с тех пор разошёлся с ним. @Falco @awesomerobot Я отправил запрос на слияние, чтобы использовать исходный шаблон, так как больше нет необходимости его переопределять

6 лайков

Люблю это :heart: ~~~~~~~~~~

2 лайка

Эта тема отлично смотрится и весело используется на мобильных устройствах!

Спасибо всем, кто внес вклад в её улучшение!

2 лайка

Получил сообщение от одного из моих пользователей:

Якоря отображаются некорректно в блоках описания категорий (хотя в закреплённой теме, где находится описание, они отображаются нормально)

1 лайк

Отличная тема!

Однако при установке её на мой сайт я вижу, что ссылки «похожие» и «рекомендуемые» в нижней части каждого поста накладываются друг на друга. См. скриншот:

Мне очень нравится эта тема! Единственная претензия — компонент предварительного просмотра изображений с ней не работает. Изображения для предпросмотра по какой-то причине не отображаются.

1 лайк

Вы уже сообщили об этом в связанном вами компоненте темы?

Я вижу, что вы это сделали.

Этот #theme-component может сработать как альтернатива