Skip to content

Actual Theater Mode for YT by TheCarrotCR

Screenshot of Actual Theater Mode for YT
Write a review Install Get Stylus

Details

AuthorTheCarrotCR

LicenseNo License

Categoryyoutube.com

Created

Updated

Size703 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Twitch-like fullscreen video and chat

Notes

Don't mind purple bar on screenshot as it's just other styling for myself which is not present for this style.

I was tired of YT's so-called "theater mode" bs and made this CSS for myself, so you can use it if you want.

Source code

/* ==UserStyle==
@name           Actual Theater Mode for YT
@namespace      youtube.com
@version        1.0.0
@description    Twitch-like fullscreen video and chat
@author         TheCarrotCR
==/UserStyle== */

@-moz-document domain("youtube.com") {
    ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy {
      max-height: calc(100vh - 1px);
    }
    ytd-masthead[theater] {
      display: none !important;
    }

    ytd-page-manager:has(ytd-watch-flexy[theater]) {
      --ytd-toolbar-height: 0px;
      --ytd-masthead-height: 0px;
    }

    ytd-live-chat-frame#chat:not(#secondary *> #chat) {
      top: 0 !important;
      border-radius: 0;
    }
}

Reviews

No reviews yet.