Skip to content

README.md

Latest commit

 

History

History
88 lines (64 loc) · 3.33 KB

README.md

File metadata and controls

88 lines (64 loc) · 3.33 KB

Preview

Logo

Friend Activity Grid

A theme for Discord that makes the friend activity grid visible on vertical monitor. By default, Discord hides the friend activity when width is below 1200px - this theme lets you choose between responsive mode (shows grid below 1200px) or always-on mode.


» Theme Preview ・ Report an issue ・ Join the support server


📥 Installation


BetterDiscord

BetterDiscord
Save the file by right clicking and save link as from here. Copy it to this directory %appdata%/betterdiscord/themes or from Discord's Settings > Themes > Themes folder section

Replugged

Replugged
Click here and confirm the install in the client

Vencord

Vencord
Copy https://raw.githubusercontent.com/FuSan21/FriendActivityGrid/main/friend-activity-grid.theme.css into the box in Settings > Themes > Themes tab


🔧 Configuration

The theme comes with two modes:

  • Responsive Mode (default): Shows grid layout when window width is below 1200px (instead of Discord's default behavior of hiding it)
  • Always-On Mode: Shows grid layout at all window sizes

To switch between modes, edit the theme file and comment/uncomment the appropriate import lines.

🛠️ Development

Prerequisites

  • Node.js >=20.0.0
  • pnpm >=8.0.0

Building from source

  1. Clone the repository
git clone https://github.com/FuSan21/FriendActivityGrid.git
cd FriendActivityGrid
  1. Install dependencies
pnpm install
  1. Build the CSS files
pnpm run build

This will generate two files in the dist directory:

  • always.css: Grid layout applied at all window sizes
  • responsive.css: Grid layout applied only below 1200px width

Development commands

  • pnpm run build - Build CSS files
  • pnpm run watch - Watch for changes (Replugged)
  • pnpm run bundle - Bundle theme for distribution
  • pnpm run lint - Check code style
  • pnpm run lint:fix - Fix code style issues

Credits for helping me with the theme

Disease (gonorrhea2@discord)
Barnyard (huderon@discord)
Salternator, the * selector(saltssaumure@discord)