Discourse用のホラーテーマ 💀

:information_source: 概要 月明かりの暗いハロウィーンテーマ。ねじれた枝、コウモリ、霧、墓場の作曲家など!懐中電灯を持参してください!
:eyeglasses: プレビュー Theme Creator
:hammer_and_wrench: リポジトリ https://github.com/awesomerobot/discourse-spoopy-theme
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse Themes は初めてですか? Discourse Themes の使い方ビギナーズガイド

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

Spoopy は、日が沈んだ後のコミュニティを幽霊が出る森に変えます。コウモリが飛び交い、霧が流れ込み、ウィル・オ・ウィスプ(火球)が枝の間を漂い、マウスポインターはちらつく懐中電灯になります。

含まれる機能

外観と雰囲気

  • ハロウィーンパレット: 真夜中のプラム、骨色、かぼちゃオレンジ。
  • フォント: すべてのテキストに Georgia を使用し、タイトルや見出しには IM Fell English(風化したセリフ体)を使用します。
  • 不気味なライン: 単純なボーダーの代わりに、手描き風の不均一なルールやアウトラインを使用しています。トピックリスト、投稿、サイドバー、チャット、ボタン、カテゴリページのすべてのレイアウトで利用されています。
  • ヘッダー: ウィル・オ・ウィスプ に憑かれた枯れ枝の茂み。

コンポーザー(投稿作成欄)

  • 墓石の形: デスクトップ環境では、コンポーザーが深くから現れ、新し掘った土の堆積物の間に配置されます。

雰囲気演出

  • コウモリ が異なる深度で画面横を羽ばたきます。
  • ゴースト がたまに画面下部から顔を出します。
  • 霧 がページ下部をゆっくりと流れます。
  • クモの巣 がコーナーにぶら下がっています。
  • クモ が巣に留まり、たまに下へ降りてきます。
  • 懐中電灯 がマウスポインターについて回り、温かい光の池を作ります。影の中で少し古びた感じに見えます。トピックタイムラインのキャンドルも小さな光の池を放ちます。

他にも細かな工夫がたくさんあります!

設定

各エフェクトは個別にオフにできます:

設定項目 動作
serif_text すべてのテキストに Georgia を使用
spooky_fonts 見出しやタイトルに IM Fell English を使用(Google Fonts から読み込み)
header_branches ヘッダーを枯れ枝の茂みで満たす
will_o_wisp ヘッダーの枝の間をウィル・オ・ウィスプが漂う
gravestone_composer デスクトップ環境でコンポーザーを墓石の形にする
crumbling_composer コンポーザーが開く際に墓石から土が崩れ落ちる(gravestone_composer が必要)
flying_critters コウモリが画面横を飛ぶ
peeking_ghost ゴーストがたまに画面下部から顔を出す
graveyard_fog 霧が画面下部を流れる
cobwebs 画面のコーナーにクモの巣を表示
dangling_spider クモが右上の巣に留まり、たまに下りてくる
flashlight_pointer 光の池がマウスポインターについて回る(タッチデバイスでは無効)
candle_timeline トピックタイムラインのハンドルを点いたキャンドルにする
pumpkin_likes 「いいね」のハートをジャックオーランタンに置き換える
skull_spinner ローディングスピナーを揺れる頭蓋骨に置き換える

アクセシビリティ

  • モーション低減: ブラウザで「モーション低減」を設定している訪問者の場合、すべての動きが停止します。

ボーナスアニメーションローディングスクリーン

リポジトリには splash/nightmare-splash.svg というファイルが含まれており、満月の前でコウモリが羽ばたくアニメーションになっています。テーマではこれを自動的に設定できません。

使用する場合は、ファイルを splash_screen_image サイト設定にアップロードしてください。

「いいね!」 8

すごくクールだね、楽しんでいるよ。ありがとう!

「いいね!」 1