Тема Ghost

:discourse2: Краткое описание Ghost вдохновлен жанром киберпанка.
:eyeglasses: Предпросмотр Предпросмотр на Discourse Theme Creator
:hammer_and_wrench: Ссылка на репозиторий https://github.com/discourse/ghost
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить эту тему

Особенности

Вдохновленная жанром киберпанка, эта тема передает дух бунта и антиутопического городского пейзажа благодаря неоновым цветам и легким глитч-эффектам в интерфейсе.


Благодарности

Создана @melhosseiny, благодарности @awesomerobot и команде Discourse за поддержку этой работы.


Источник: Corporations на Behance


:discourse2: Хостинг у нас? Темы доступны для использования на тарифах Standard, Business и Enterprise.

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 может сработать как альтернатива