Restyle for Twitch

Twitch theme extension for Chrome and Firefox Twitch, with the noise turned down

Restyle for Twitch is a free Chrome and Firefox extension that quiets the busy parts of twitch.tv and gives the content more room. Nothing is added, and nothing works differently.

Twitch with the Restyle for Twitch extension: the home page Twitch without the extension: the home page
Twitch without and with the extension, each page in a different theme. Pick a page, then drag the divider or use the arrow keys.

What Restyle for Twitch changes

It is a stylesheet laid over twitch.tv. Turn it off in one click and Twitch is back as it was.

HomeBrowseSearch

Cleaner Twitch pages, without the carousel

  • The autoplaying carousel is hidden on the home page, and its video paused. A setting brings it back, restyled like the cards under it.
  • Large shelf titles, the same on the home page, channel pages and under a video.
  • Rounded thumbnails, and cards that put the streamer's name first.
  • Tags and categories become small chips in your accent colour.
  • Hovering a card dims the ones around it, and video cards no longer play an animated preview.
Channel

A framed Twitch player

  • The player is inset and rounded, with the stream information in a centred column below it.
  • Offline channels, videos and clips follow the same column and the same cards.
  • Panels line up on the column instead of floating in the middle.
  • Team pages lose the full-page photo: a header with the team's logo, name and banner, the player, and the members in a panel on the right.
Chat

A calmer Twitch chat

  • Muted messages that return to full contrast on hover, and a soft fade at the top.
  • The gifter leaderboard above the messages is hidden.
  • Chat replay on videos gets the same treatment as the live chat.
  • Its popups (emotes, cheers, rewards, drops, chat identity) share one framed style.

Themes, colours and settings

Click the extension's icon. Changes apply at once, without reloading the page.

Enable on TwitchTurns the whole restyle on or off.
SpacingThree densities: compact, airy, very airy.
CornersHow rounded cards, panels, fields and buttons are: square, soft or round.
Floating panelsTakes the top bar, the sidebar and the chat off the window's edges, as rounded panels.
ThemesEight ready-made pairs of background and accent colours, dark and light.
Accent colourThe colour of links, tags and highlights.
Plain chatHides chat badges and shows every username in the text colour.
Background colourThe page colour. Sidebars, chat, menus and text colours are derived from it. Reset it to follow Twitch's own light or dark theme.
Channel coloursOn a channel's pages, takes the accent and a tinted background from the channel's own colour, adjusted until text stays readable.
Home carouselShows the featured streams at the top of the home page. Off by default.
StoriesShows stories in the sidebar and on Following. Off by default.
A live channel with Floating panels on: the top bar, the sidebar and the chat are rounded panels set apart from the window's edges and from the player.
Floating panels: the top bar, the sidebar and the chat come off the window's edges.
The Browse page cut into diagonal bands, each in a different theme, from dark blue on the left to a light cream on the right.
One page, several themes: each band shows the same Browse page in a different one.

The popup follows the browser's language: English, French, Spanish, Portuguese, German, Italian, Dutch, Polish, Turkish, Russian, Japanese, Korean and Chinese (simplified and traditional). Other languages get English.

Install it on Chrome or Firefox

Chrome. Install it from the Chrome Web Store. Requires Chrome 120 or later; Chrome keeps it up to date.

To install it by hand instead:

  1. Download restyle-for-twitch.zip from the latest release and unzip it.

  2. Open chrome://extensions and turn on Developer mode.

  3. Click Load unpacked and select the unzipped folder. Keep that folder: Chrome loads the extension from it.

Firefox. Install it from Firefox Add-ons. Requires Firefox 140 or later; Firefox keeps it up to date.

To try a release before it reaches Firefox Add-ons, load it for one session: download restyle-for-twitch-firefox.zip, open about:debugging#/runtime/this-firefox, click Load Temporary Add-on and select the zip.

Twitch changes its markup without notice, so an update on their side can break part of the restyle. If something looks wrong, open an issue with a screenshot and the page's address.

Questions

What people usually ask before installing it.

How do I change the theme or colours on Twitch?

Install the extension and click its icon. Pick one of the eight dark and light themes, or set your own accent and background colours. Channel colours can also take them from the channel you are watching. Changes apply without reloading the page.

How do I hide the autoplaying carousel on the Twitch home page?

With the extension on, the carousel is hidden and its video paused. A setting brings it back if you want it.

Can I hide stories on Twitch?

Yes, stories are hidden by default, in the sidebar and on Following. A setting shows them again.

Is it free and safe to use?

It is free and open source. It only runs on twitch.tv, collects nothing, and its one permission stores your settings.

Does it block ads?

No. It changes how Twitch looks, not how it works.

Can I go back to the original Twitch design?

Yes. Turn off "Enable on Twitch" in the popup and Twitch is back as it was.

Privacy

The extension only runs on twitch.tv. It collects nothing and sends nothing anywhere. Its one permission, storage, is used to remember your settings.