nodebb-theme-deadbyyawn

Dark Horror vBulletin-Style Theme for Dead By Yawn Forum.

Features

• Classic vBulletin post layout with user sidebar (avatar, stats, group badge)
• Blood-gradient header bars and navigation
• Dark horror color scheme with red accents
• Square 200x200 avatars with hover glow
• Styled blockquotes, code blocks, signatures
• Topic listing with poster name and page links
• Full Bootstrap 5 variable overrides
• Mobile responsive (sidebar hidden, inline layout)
• Custom scrollbar styling
• Post hover glow effects

Installation

Option 1: Symlink (Development)

# From your NodeBB directory
cd node_modules
ln -s /path/to/deadbyyawn/nodebb-theme-deadbyyawn nodebb-theme-deadbyyawn

# Restart NodeBB
./nodebb restart

Option 2: Copy (Production)

# Copy theme to NodeBB
cp -r /path/to/deadbyyawn/nodebb-theme-deadbyyawn /path/to/nodebb/node_modules/

# Restart NodeBB
cd /path/to/nodebb
./nodebb restart

Option 3: npm link

# From the theme directory
cd nodebb-theme-deadbyyawn
npm link

# From the NodeBB directory
cd /path/to/nodebb
npm link nodebb-theme-deadbyyawn
./nodebb restart

Activation

1. Go to Admin Control Panel (ACP)
2. Navigate to Appearance > Themes
3. Select Dead By Yawn theme
4. Click Use Theme and confirm
5. Navigate to Appearance > Skins
6. Select the Dead By Yawn skin
7. Rebuild and restart: ./nodebb build && ./nodebb restart

After Activation

Once the proper theme is active, you can remove the old Custom CSS and Custom JavaScript from:

• ACP > Appearance > Custom CSS (clear it)
• ACP > Appearance > Custom JS (clear it)

The theme handles everything that the custom CSS/JS used to do, but through proper templates instead of DOM manipulation.

Structure

nodebb-theme-deadbyyawn/
  package.json          - npm package config
  theme.json            - NodeBB theme config (base theme, templates, skins)
  plugin.json           - NodeBB plugin hooks
  library.js            - Server-side plugin code
  less/
    deadbyyawn.less     - Full skin stylesheet (Bootstrap vars + custom styles)
  templates/
    partials/
      topic/
        post.tpl        - vBulletin-style post layout with sidebar
  static/
    lib/
      theme.js          - Client-side enhancements (topic page links, hover effects)

Color Scheme

| Variable | Color | Usage | |----------|-------|-------| | Background | #0d0d0d | Page background | | Cell | #1e1e1e | Cards, posts, panels | | Border | #2a2a2a | Dividers | | Header Start | #5c1414 | Gradient top (blood red) | | Header End | #3a0a0a | Gradient bottom (dark blood) | | Link | #c0392b | Hyperlinks | | Link Hover | #e74c3c | Hovered links | | Text | #c8c4bc | Body text | | Text Bright | #e8e6e3 | Headings, emphasis | | Muted | #777777 | Secondary text | | Gold | #c9a94e | Brand accent, navbar brand |