A spoopy theme for Discourse 💀

:information_source: Summary A dark, moonlit Halloween theme with gnarled branches, bats, fog, a grave composer, and more! Bring your flashlight!
:eyeglasses: Preview Theme Creator
:hammer_and_wrench: Repository https://github.com/awesomerobot/discourse-spoopy-theme
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme

Spoopy turns your community into a haunted wood after dark. Bats flit past, fog rolls in, a will-o’-wisp drifts through the branches, and your mouse pointer becomes a flickering flashlight.

What’s included

Look and feel

  • Halloween palette: midnight plum, bone, and pumpkin orange.
  • Fonts: Georgia for all text, with IM Fell English (a weathered serif) for titles and headings.
  • Gnarly lines: hand-drawn, uneven rules and outlines instead of plain borders. They’re used across topic lists, posts, the sidebar, chat, buttons, and every layout of the categories page.
  • Header: a thicket of dead branches, haunted by a will-o’-wisp.

The composer

  • Gravestone shape: on desktop, the composer rises from the depths, set between heaps of freshly dug dirt.

Atmosphere

  • Bats flap across the screen at different depths, now and
  • A ghost peeks up from the bottom of the screen every so often.
  • Fog rolls slowly along the bottom of the page.
  • Cobwebs hang in the corners.
  • A spider rests in its web and occasionally drops down on
  • A flashlight follows your mouse pointer, a pool of warm age a little in shadow. The topic timeline’s candle casts its own small pool of light.

Lots of other little touches throughout!

Settings

Every effect can be switched off individually:

Setting What it does
serif_text Uses Georgia for all text
spooky_fonts Uses IM Fell English for headings and titles (loaded from Google Fonts)
header_branches Fills the header with a thicket of dead branches
will_o_wisp A will-o’-wisp drifts through the branches in the header
gravestone_composer On desktop, shapes the composer like a gravestone
crumbling_composer Dirt crumbles off the gravestone composer as it opens (needs gravestone_composer)
flying_critters Bats fly across the screen
peeking_ghost A ghost peeks up from the bottom of the screen now and then
graveyard_fog Fog rolls along the bottom of the screen
cobwebs Cobwebs in the corners of the screen
dangling_spider A spider rests in the top-right web and drops down now and then
flashlight_pointer A pool of light follows the mouse pointer (mouse only, not on touch devices)
candle_timeline Makes the topic timeline’s handle a lit candle
pumpkin_likes Replaces the like heart with a jack-o’-lantern
skull_spinner Replaces the loading spinner with a wobbling skull

Accessibility

  • Reduced motion: all motion stops for visitors who have reduced motion set in their browser.

Bonus animated loading screen

The repository includes splash/nightmare-splash.svg, an animation with bats flapping across a full moon. Themes can’t set it automatically.

To use it, upload the file to the splash_screen_image site setting.

https://knowyourmeme.com/memes/spoopy :winking_face_with_tongue:

8 Likes

Very cool, I am enjoying it. Thank you!

1 Like