From d3adaba5a3b428a7d27b92135f8bb9df192c3962 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Tue, 14 Nov 2023 21:18:05 +1100
Subject: [PATCH] Add transparency effects to UI colors manager and storage
 listener

---
 src/inject/injected/transparency.scss | 0
 src/seqta/ui/colors/Manager.js        | 4 ++++
 src/seqta/utils/StorageListener.js    | 8 ++++++++
 3 files changed, 12 insertions(+)
 create mode 100644 src/inject/injected/transparency.scss

diff --git a/src/inject/injected/transparency.scss b/src/inject/injected/transparency.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/src/seqta/ui/colors/Manager.js b/src/seqta/ui/colors/Manager.js
index 1f2a0415..8e4958d6 100644
--- a/src/seqta/ui/colors/Manager.js
+++ b/src/seqta/ui/colors/Manager.js
@@ -14,6 +14,10 @@ export function updateAllColors(storedSetting, newColor = null) {
   // Determine the color to use
   const selectedColor = newColor || storedSetting.selectedColor;
 
+  if (storedSetting.transparencyEffects) {
+    document.documentElement.classList.add('transparencyEffects');
+  }
+
   DarkMode = (typeof storedSetting?.DarkMode === 'boolean') ? storedSetting.DarkMode : DarkMode;
 
   if (typeof storedSetting === 'boolean') {
diff --git a/src/seqta/utils/StorageListener.js b/src/seqta/utils/StorageListener.js
index 4adc2b29..4d82f6db 100644
--- a/src/seqta/utils/StorageListener.js
+++ b/src/seqta/utils/StorageListener.js
@@ -64,6 +64,14 @@ export default class StorageListener {
         }
         break;
 
+      case 'transparencyEffects':
+        if (changes.transparencyEffects.newValue) {
+          document.documentElement.classList.add('transparencyEffects');
+        } else {
+          document.documentElement.classList.remove('transparencyEffects');
+        }
+        break;
+
       // Add default case if you need to handle a case where changeKey does not match any case
       default:
         // Handle unknown changeKey if necessary