Ghost テーマ

:discourse2: 概要 Ghost はサイバーパンクジャンルにインスパイアされています。
:eyeglasses: プレビュー Discourse テーマクリエイターでプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/ghost
:open_book: Discourse テーマに初めてですか? Discourse テーマの使い方に関する初心者向けガイド

このテーマをインストール

機能

サイバーパンクジャンルにインスパイアされたこのテーマは、ネオンカラーとインターフェースに施された微妙なグリッチを導入することで、反乱の感覚とディストピア的な都市景観を表現しています。


クレジット

@melhosseiny によって作成され、この活動を支援してくれた @awesomerobot と Discourse チームに感謝します。


出典: Corporations on 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 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

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

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

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

「いいね!」 8

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:

「いいね!」 11

高度な検索フィルターは、手動で入力しない限り機能しないようです。
ファイル名の先頭にアンダースコアが追加された状態で取得され、403/4 エラーが発生しています。

「いいね!」 3

ご報告ありがとうございます。Ghost が full-page-search テンプレートを再構築したため、元のテンプレートはその後に変更されているようです。@Falco @awesomerobot 元のテンプレートを使用するプルリクエストを送信しました。もはや上書きする必要がなくなったためです。

「いいね!」 6

最高ですね :heart: ~~~~~~~~~~

「いいね!」 2

このテーマはモバイル向けに非常に良く作られており、楽しく使えます!

さらに良くするために貢献してくださった皆様に感謝します!

「いいね!」 2

ユーザーの一人からこんな報告がありました:

カテゴリ説明ボックス内のアンカーが正しく表示されません(説明が記載されているピン留めトピック内では正常に表示されます)。

「いいね!」 1

素晴らしいテーマです!

しかし、私のサイトにインストールすると、「関連」と「おすすめ」のリンクが各投稿の下部で重なってしまいます。スクリーンショットをご覧ください。

このテーマは大好きです!唯一の不満は、画像プレビューコンポーネントがこれに対応していないことです。プレビュー画像がなぜか表示されません。

「いいね!」 1

リンクされたテーマコンポーネントでこれを報告しましたか?

報告されているのを確認しました。

この Theme component が代替として機能するかもしれません