Add transparency effects to UI colors manager and

storage listener

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') {

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