diff --git a/prefs.js b/prefs.js
index 20961b0..562b30c 100644
--- a/prefs.js
+++ b/prefs.js
@@ -57,6 +57,7 @@ var PreferencesDialog = class PreferencesDialog {
     this._bindAdjustment('matrix-randomness');
     this._bindColorButton('matrix-trail-color');
     this._bindColorButton('matrix-tip-color');
+    this._bindColorButton('tv-effect-color');
 
     // The fire-gradient-reset button needs to by bound explicitly.
     this._builder.get_object('reset-fire-colors').connect('clicked', () => {
diff --git a/resources/ui/gtk3.ui b/resources/ui/gtk3.ui
index 305f21b..44a8eb1 100644
--- a/resources/ui/gtk3.ui
+++ b/resources/ui/gtk3.ui
@@ -459,6 +459,82 @@
               </object>
             </child>
 
+
+            <child>
+              <object class="GtkBox">
+                <property name="margin-top">30</property>
+                <property name="margin-bottom">10</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="label">TV Effect Options</property>
+                    <property name="xalign">0</property>
+                    <property name="hexpand">1</property>
+                    <style>
+                      <class name="title-4" />
+                    </style>
+                  </object>
+                </child>
+              </object>
+            </child>
+
+            <child>
+              <object class="GtkFrame">
+                <child>
+                  <object class="GtkListBox">
+                    <property name="selection-mode">none</property>
+                    <style>
+                      <class name="rich-list" />
+                    </style>
+
+                    <child>
+                      <object class="GtkListBoxRow">
+                        <property name="margin-start">10</property>
+                        <property name="margin-end">10</property>
+                        <property name="margin-top">10</property>
+                        <property name="margin-bottom">10</property>
+                        <property name="activatable">0</property>
+                        <child>
+                          <object class="GtkBox">
+                            <property name="spacing">8</property>
+                            <child>
+                              <object class="GtkLabel">
+                                <property name="label" translatable="yes">Color</property>
+                                <property name="xalign">0</property>
+                                <property name="halign">start</property>
+                                <property name="valign">center</property>
+                                <property name="hexpand">1</property>
+                              </object>
+                            </child>
+                            <child>
+                              <object class="GtkColorButton" id="tv-effect-color">
+                                <property name="use_alpha">1</property>
+                                <property name="show_editor">1</property>
+                              </object>
+                            </child>
+                            <child>
+                              <object class="GtkButton" id="reset-tv-effect-color">
+                                <child>
+                                  <object class="GtkImage">
+                                    <property name="icon-name">edit-clear-symbolic</property>
+                                    <property name="icon-size">1</property>
+                                  </object>
+                                </child>
+                                <property name="tooltip-text">Reset to Default Value</property>
+                                <style>
+                                  <class name="flat" />
+                                </style>
+                              </object>
+                            </child>
+                          </object>
+                        </child>
+                      </object>
+                    </child>
+
+                  </object>
+                </child>
+              </object>
+            </child>
+
           </object>
         </child>
       </object>
diff --git a/resources/ui/gtk4.ui b/resources/ui/gtk4.ui
index 7058153..6593c58 100644
--- a/resources/ui/gtk4.ui
+++ b/resources/ui/gtk4.ui
@@ -578,6 +578,73 @@
             </child>
 
 
+            <child>
+              <object class="GtkBox">
+                <property name="margin-top">30</property>
+                <property name="margin-bottom">10</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="label">TV Effect Options</property>
+                    <property name="xalign">0</property>
+                    <property name="hexpand">1</property>
+                    <style>
+                      <class name="title-4" />
+                    </style>
+                  </object>
+                </child>
+              </object>
+            </child>
+
+            <child>
+              <object class="GtkFrame">
+                <child>
+                  <object class="GtkListBox">
+                    <property name="selection-mode">none</property>
+                    <property name="show-separators">1</property>
+                    <style>
+                      <class name="rich-list" />
+                    </style>
+
+                    <child>
+                      <object class="GtkListBoxRow">
+                        <property name="activatable">0</property>
+                        <child>
+                          <object class="GtkBox">
+                            <child>
+                              <object class="GtkLabel">
+                                <property name="label" translatable="yes">Color</property>
+                                <property name="xalign">0</property>
+                                <property name="halign">start</property>
+                                <property name="valign">center</property>
+                                <property name="hexpand">1</property>
+                              </object>
+                            </child>
+                            <child>
+                              <object class="GtkColorButton" id="tv-effect-color">
+                                <property name="use_alpha">0</property>
+                                <property name="show_editor">1</property>
+                              </object>
+                            </child>
+                            <child>
+                              <object class="GtkButton" id="reset-tv-effect-color">
+                                <property name="icon-name">edit-clear-symbolic</property>
+                                <property name="tooltip-text">Reset to Default Value</property>
+                                <style>
+                                  <class name="flat" />
+                                </style>
+                              </object>
+                            </child>
+                          </object>
+                        </child>
+                      </object>
+                    </child>
+
+                  </object>
+                </child>
+              </object>
+            </child>
+
+
           </object>
         </child>
       </object>
diff --git a/schemas/org.gnome.shell.extensions.burn-my-windows.gschema.xml b/schemas/org.gnome.shell.extensions.burn-my-windows.gschema.xml
index d20f685..8b79fa2 100644
--- a/schemas/org.gnome.shell.extensions.burn-my-windows.gschema.xml
+++ b/schemas/org.gnome.shell.extensions.burn-my-windows.gschema.xml
@@ -96,6 +96,13 @@
       <description>The color matrix trails.</description>
     </key>
 
+    <key name="tv-effect-color" type="s">
+      <default>"rgb(255, 255, 255)"</default>
+      <summary>TV Effect Color</summary>
+      <description>The color of the TV effect.</description>
+    </key>
+
+
   </schema>
 
 </schemalist>
\ No newline at end of file
diff --git a/src/extension/TVEffectShader.js b/src/extension/TVEffectShader.js
index e27f82a..f60db07 100644
--- a/src/extension/TVEffectShader.js
+++ b/src/extension/TVEffectShader.js
@@ -30,6 +30,9 @@ var TVEffectShader = GObject.registerClass(
       _init(settings) {
         super._init({shader_type: Clutter.ShaderType.FRAGMENT_SHADER});
 
+        const color =
+            Clutter.Color.from_string(settings.get_string('tv-effect-color'))[1];
+
         this.set_shader_source(`
 
         // Inject some common shader snippets.
@@ -68,7 +71,9 @@ var TVEffectShader = GObject.registerClass(
           float mask = tbMask * lrMask * ffMask;
 
           vec4 windowColor = texture2D(uTexture, cogl_tex_coord_in[0].st);
-          vec4 effectColor = vec4(1, 1, 1, 1) * windowColor.a;
+          vec4 effectColor = vec4(${color.red / 255},
+                                  ${color.green / 255},
+                                  ${color.blue / 255}, 1.0) * windowColor.a;
 
           windowColor.rgb = mix(windowColor.rgb, effectColor.rgb, smoothstep(0, 1, uProgress));