Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Float Plane Theater mode and Dark Mode for Streams

By NightBlade

Not Finished

Paste the code into your browser's console

// ### Theatre mode and night mode
// Put this in JS console (F12 Dev tools):
function addCSS(css) {
    var head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style');
    style.type = 'text/css';
    if (style.styleSheet) { // This is required for IE8 and below.
      style.styleSheet.cssText = css;
    } else style.appendChild(document.createTextNode(css));
// Removes sidebar
addCSS('leftnav{visibility: hidden !important;}');
addCSS('.page-wrapper{padding-left: 0 !important;}');
// My take on night theme
addCSS('.page-wrapper .route-wrapper.livestream { background: linear-gradient(to top,#192638 0%,#000 100%); }');
addCSS('body{overflow-y: hidden;}');
addCSS('.video-player-wrapper {background: none !important;}');
addCSS('.generic-wrapper{display: none !important;}');
// Scroolbar
// Chat
addCSS('.chat-messages-container .chat-message { background: #182537 !important; border-bottom: 1px solid #233247 !important;}');
addCSS('[_nghost-c4] { border-left: 1px solid #1b1b1b !important; background: #182537 !important; }');
addCSS('.chat-entry-container, .chat-entry-container .chat-input, .chat-viewers-container { background: #111 !important; }');
addCSS('.chat-entry-container { border-top: 1px solid #1b1b1b !important; }');
addCSS('.chat-messages-container .chat-message .chat-username {color:#adadad !important;}');
addCSS('.chat-messages-container .chat-message .chat-text, .chat-viewers-container {color: #bdbdbd !important;}');
addCSS('.chat-messages-container .chat-text a {color: #5db9fd !important;}');
addCSS('.chat-messages-container .chat-text a:hover {color: #93d1ff !important;}');
addCSS('.chat-messages-container .chat-text a:visited {color: #0093ff !important;}');
// Add manual zoom 150% :)
// Chat viewers addCSS('.chat-viewers-container {color: #bdbdbd !important;}'); addCSS('.chat-viewers {height: calc(100% - 56px) !important;}');


Link to comment
Share on other sites

Link to post
Share on other sites

You could perhaps put this in https://userstyles.org/ so people can use it with extensions and won't have to put these in the console every time

Intel Core i3-10100 - Gigabyte Z490M - HyperX DDR4 16GB  - 500W - 1x 1080p - macOS 12 Monterey, Windows 11

Intel Core i5-4210U - Acer Aspire E5-573G - 8GB - 768p - macOS 11 Big Sur, Windows 11
iPhone 12 - iOS 15

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now