ggbro Plugins
All examples Download pack

Discord Theme

com.ggbro.plugin.discord-theme · v1.1.1 · ui.toast, theme.read, theme.write, ui.panel, ui.sound, storage, ui.openUrl

Discord Midnight palette — left server rail, dark chrome, readable composer. Disable to restore normal GGBRO.

This is NOT the full app source. plugin.js below is only the sandboxed Settings / Apps companion (~help text + open button).

Layout/theme effect applies from the host when the pack is enabled; pack includes styles + panel.

Desktop host modules (shipped inside ggbro, not this zip):

Sandbox packs cannot run Electron, yt-dlp, or pdf.js — that is why the real UI stays in the host. Install the pack → Apps grid to use the full feature.

manifest.json

Raw 
{

  "id": "com.ggbro.plugin.discord-theme",

  "name": "Discord Theme",

  "version": "1.1.1",

  "author": "ggbro",

  "description": "Discord Midnight palette — left server rail, dark chrome, readable composer. Disable to restore normal GGBRO.",

  "main": "plugin.js",

  "styles": "styles.css",

  "permissions": ["ui.toast", "theme.read", "theme.write", "ui.panel", "ui.sound", "storage", "ui.openUrl"]

}

plugin.js

Raw 
/**
 * Discord Theme — companion stub.
 * Layout + chrome apply automatically while this plugin is enabled.
 */
(async function () {
  try {
    ggbro.log('discord-theme companion ready');
  } catch (e) {
    ggbro.log('discord-theme init', e && e.message);
  }
})();

styles.css

Raw 
/**
 * Pack companion styles — the real Discord Theme chrome lives in the desktop host
 * (frontend discordTheme.css). Keep this light so sandbox / docs previews stay harmless.
 */
:root {
  --ggbro-plugin-discord-theme: 1;
}

.gg-btn-primary {
  letter-spacing: 0;
}

/* Docs / sandbox: never paint opaque backgrounds on textareas (host composer uses an overlay). */
[data-gg-chrome='composer'] textarea,
textarea[data-gg-composer-input] {
  background-color: transparent !important;
}

README.md

Raw 
# Discord Theme (official)

**Host Plugin App.** Enabling the pack turns on Midnight Discord chrome in the desktop host
(`DiscordThemeHostApp.tsx`, `DiscordThemeEffect.tsx`, `discordTheme.css`).

## What it does (only while enabled)

- **Midnight** surfaces (near-black rail, dark channel/member panels, charcoal chat)
- Left vertical server rail with Discord-style pills
- Discord-like composer, mention wash, user strip, member list chrome
- Blurple accents; readable text on dark backgrounds

## Revert

Disable or uninstall the plugin → `data-ggbro-discord` is cleared → all Midnight CSS and left-rail
layout turn off. Appearance settings are **not** permanently rewritten by this theme.

## Pack files

- `plugin.js` — thin sandbox companion
- `styles.css` — harmless pack styles (real chrome is host-side)
- `manifest.json`