{"repo":"EuSouGuil/youtube-live-chat-overlay","free":true,"listed":false,"github":"https://github.com/EuSouGuil/youtube-live-chat-overlay","clone":"git clone https://github.com/EuSouGuil/youtube-live-chat-overlay.git","description":"Custom CSS for YouTube live chat overlay in OBS","language":"CSS","stars":31,"topics":["css","custom-css","obs-overlay","obs-studio","youtube-chat","youtube-live-stream","youtube-livestream","youtubechat","overlay-chat","youtube-chatbox"],"license":null,"category":"chat-messaging","readme_excerpt":"YouTube Live Chat Overlay CSS for OBS This repository provides a minimal, CSS-only solution to turn the YouTube live chat popout into a clean, transparent overlay for use with OBS (Open Broadcaster Software) . The goal of this project is stability and simplicity : remove all unnecessary YouTube UI elements and keep only the chat messages, optimized for OBS Browser Source. --- Features Transparent background for seamless overlay on any scene Bottom-aligned messages , ideal for live streams Minimal layout , no headers, input box, banners, or popups OBS-friendly (Browser Source compatible) CSS-only (no JavaScript) Default colors Regular users: white Moderators: blue (YouTube-style) Channel owner: black (configurable in CSS) Message text: white --- Installation 1. Open the YouTube chat popout Go to your YouTube live stream page Click the three dots in the chat panel Select \"Popout chat\" Copy the URL from the new window. --- 2. Add the chat to OBS 1. In OBS, add a Browser Source 2. Paste the YouTube chat popout URL 3. Set the desired width and height 4. Paste the CSS from this repository into Custom CSS Recommended OBS options: Enable \"Shutdown source when not visible\" Enable \"Refresh browser when scene becomes active\" --- Customization This CSS is fully editable, but the most common adjustments are listed below. Message text color Change #ffffff to any color you prefer. --- Regular user name styling You can adjust font weight or spacing here. --- Channel owner name color Change #","default_branch":null,"files":null,"tree":[],"storefront":"/r/EuSouGuil","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/EuSouGuil/youtube-live-chat-overlay/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}