Skip to content

Instantly share code, notes, and snippets.

@mewforest
Created August 5, 2018 14:46
Show Gist options
  • Save mewforest/2c955b3dfbd1b52f6fff082ac2978952 to your computer and use it in GitHub Desktop.
Save mewforest/2c955b3dfbd1b52f6fff082ac2978952 to your computer and use it in GitHub Desktop.
Styles for YouTube streaming live-chat (tested in OBS)
body {
background-color: rgba(0, 0, 0, 0);
margin: 0px auto;
overflow: hidden;
}
yt-live-chat-renderer {
background-color: rgba(0, 0, 0, 0.6) !important;
}
#message.yt-live-chat-text-message-renderer {
color: #fff;
font-size: 22px;
font-family: 'Calibri', Arial;
}
yt-live-chat-header-renderer.yt-live-chat-renderer {
display:none;
}
#panel-pages.yt-live-chat-renderer {
display:none;
}
yt-live-chat-text-message-renderer[is-highlighted] {
background-color: hsla(0, 0%, 6.7%, .6);
}
yt-live-chat-text-message-renderer {
font-size: 14px;
}
#contents.yt-live-chat-item-list-renderer {
right: -25px;
}
@Slamoth
Copy link

Slamoth commented Jan 21, 2021

#card.style-scope.yt-live-chat-viewer-engagement-message-renderer {
display:none;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment