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