Skip to content

feat: add setting to disable on-screen celebration effects#8078

Open
dclstn wants to merge 1 commit into
masterfrom
feat/disable-celebrations
Open

feat: add setting to disable on-screen celebration effects#8078
dclstn wants to merge 1 commit into
masterfrom
feat/disable-celebrations

Conversation

@dclstn

@dclstn dclstn commented Jun 19, 2026

Copy link
Copy Markdown
Collaborator

Summary

Adds a Celebrations toggle to the Chat settings panel that lets users disable on-screen celebration and cheer effects — confetti animations, channel "Celebrations", and Power-up screen effects. This is a recurring request (e.g. the "disable cheer confetti effect on chat" discussion).

The setting is enabled by default, so existing behavior is unchanged until the user opts out.

Implementation

Mirrors the existing hide_bits module pattern:

  • New ChatFlags.CELEBRATIONS flag in constants.js, added to the CHAT default value (on by default).
  • New hide_celebrations module that toggles a bttv-hide-celebrations body class based on the flag.
  • style.css hides the relevant celebration/Power-up overlay and effect containers.
  • New Celebrations checkbox + search keywords (celebrations, confetti, power-ups) on the Chat settings page.

Notes

The CSS targets known Twitch celebration/Power-up overlay selectors. Since these effects only render transiently (when triggered), they could not be exercised live in this change; selectors use resilient attribute matching consistent with the existing hide_bits styles. Happy to refine selectors if maintainers know the current canonical ones.

🤖 Generated with Claude Code

Requested in

@dclstn
dclstn force-pushed the feat/disable-celebrations branch 3 times, most recently from db43d96 to dd0025c Compare June 19, 2026 13:24
Comment thread src/constants.js Outdated
/* Channel "Celebrations" overlay container rendered over the player */
:global(.celebration__overlay),
/* Confetti / particle effect canvas used by cheer and celebration effects */
:global(.particle-canvas) {

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what if someone wants cheers but not celebrations, or any other ui that uses this?

@dclstn
dclstn force-pushed the feat/disable-celebrations branch from dd0025c to 8da2869 Compare July 24, 2026 14:44
Adds a standalone Celebrations setting group with separate toggles for
channel celebration overlays and cheer/Power-up particle effects, each
hiding its own class via a small CSS-toggle module. Both flags are
enabled by default to preserve existing behavior, and existing users
pick up the new setting through the flag defaults upgrade path.
@dclstn
dclstn force-pushed the feat/disable-celebrations branch from 8da2869 to aa2aabe Compare July 24, 2026 14:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants