{"id":818,"date":"2025-09-15T10:00:00","date_gmt":"2025-09-15T10:00:00","guid":{"rendered":"https:\/\/mockachino.co.uk\/codes\/?p=818"},"modified":"2026-03-06T21:40:11","modified_gmt":"2026-03-06T21:40:11","slug":"discord-stream-overlay-hack","status":"publish","type":"post","link":"https:\/\/mockachino.co.uk\/codes\/discord-stream-overlay-hack\/","title":{"rendered":"Discord Stream Overlay Hack"},"content":{"rendered":"\n<p>I\u2019ve been playing games whilst using Discord to stream them to friends, for a long time now. The days of using Teamspeak are long gone and Discord is now reigning supreme. There is something that has been nagging me and that is to be able to create plugins for the apps I enjoy using. Problem is, I need a problem to fix. Recently that became evident when discord friends playing Escape from Tarkov have had issues differentiating between stream sharing which has lead to the odd death or miscommunication. Great news for me. I can look into making a plugin to fix this. I have not done that, however I have started the journey and am unproud to day that you don\u2019t even need a plugin for it.<\/p>\n\n\n\n<p>I will make one though!<\/p>\n\n\n\n<p>First thing\u2019s first, BetterDiscord is an extension to Discord that is going to be most vital to create the plugin, but to also use this hack. Make sure you download it before going any further.<\/p>\n\n\n\n<p>Once you have done that, you have the settings to control your CSS throughout the UI, which leads to the hack\u2026 for now!<\/p>\n\n\n\n<p>In your CSS settings, add the following code and save the file. What this does is find the elements associated with the class name, and ensure that it is always at the opacity of 1 (visible) regardless of the state of the app.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\".overlayTitle-2efoIF.idle-3MGs7O {\n  opacity: 1;\n}\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">overlayTitle-2efoIF<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">idle-3MGs7O<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">opacity<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Voila, you now have name overlays that won\u2019t go away when you tab away from Discord. Happy Gaming Noobs!<\/p>\n","protected":false},"excerpt":{"rendered":"I\u2019ve been playing games whilst using Discord to stream them to friends, for a long time now. The&hellip;\n","protected":false},"author":1,"featured_media":820,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[86],"tags":[39,48,40],"class_list":{"0":"post-818","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guides","8":"tag-discord","9":"tag-hacks","10":"tag-voip"},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/posts\/818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/comments?post=818"}],"version-history":[{"count":3,"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/posts\/818\/revisions"}],"predecessor-version":[{"id":822,"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/posts\/818\/revisions\/822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/media\/820"}],"wp:attachment":[{"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/media?parent=818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/categories?post=818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockachino.co.uk\/codes\/wp-json\/wp\/v2\/tags?post=818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}