From d83261d8160a268369f5a457c06c6ac611bf2a16 Mon Sep 17 00:00:00 2001
From: redphx <96280+redphx@users.noreply.github.com>
Date: Mon, 1 Jul 2024 17:42:42 +0700
Subject: [PATCH] Dim Stream settings' overlay when not playing

---
 src/assets/css/stream-settings.styl   | 6 +++++-
 src/modules/stream/stream-settings.ts | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/stream-settings.styl b/src/assets/css/stream-settings.styl
index 9fdbccd..03ababe 100644
--- a/src/assets/css/stream-settings.styl
+++ b/src/assets/css/stream-settings.styl
@@ -9,12 +9,16 @@
 
 .bx-stream-settings-overlay {
     position: fixed;
-    background: transparent;
+    background: #0b0b0be3;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: var(--bx-stream-settings-overlay-z-index);
+
+    &[data-is-playing="true"] {
+        background: transparent;
+    }
 }
 
 .bx-stream-settings-tabs {
diff --git a/src/modules/stream/stream-settings.ts b/src/modules/stream/stream-settings.ts
index 86bfae0..38c793f 100644
--- a/src/modules/stream/stream-settings.ts
+++ b/src/modules/stream/stream-settings.ts
@@ -251,8 +251,9 @@ export class StreamSettings {
         }
 
         this.$overlay!.classList.remove('bx-gone');
-        $container.classList.remove('bx-gone');
+        this.$overlay!.dataset.isPlaying = STATES.isPlaying.toString();
 
+        $container.classList.remove('bx-gone');
         document.body.classList.add('bx-no-scroll');
     }