make vibrancy disabling optional

app/lib/window.ts

@@ -415,12 +415,12 @@ export class Window {
         this.window.webContents.on('new-window', event => event.preventDefault())
 
         ipcMain.on('window-set-disable-vibrancy-while-dragging', (_event, value) => {
-            this.disableVibrancyWhileDragging = value
+            this.disableVibrancyWhileDragging = value && this.configStore.hacks.disableVibrancyWhileDragging
         })
 
         let moveEndedTimeout: any = null
         const onBoundsChange = () => {
-            if (!this.lastVibrancy?.enabled || !this.disableVibrancyWhileDragging || this.isFluentVibrancy) {
+            if (!this.lastVibrancy?.enabled || !this.disableVibrancyWhileDragging || !this.isFluentVibrancy) {
                 return
             }
             this.setVibrancy(false, undefined, false)

tabby-core/src/configDefaults.yaml

@@ -38,4 +38,5 @@ enableExperimentalFeatures: false
 pluginBlacklist: []
 hacks:
   disableGPU: false
+  disableVibrancyWhileDragging: false
 language: null

tabby-settings/src/components/windowSettingsTab.component.pug

@@ -315,3 +315,13 @@ h3.mt-4(translate) Hacks
         [(ngModel)]='config.store.hacks.disableGPU',
         (ngModelChange)='config.save(); config.requestRestart()'
     )
+
+.form-line(*ngIf='hostApp.platform === Platform.Windows')
+    .header
+        .title Disable fluent background while dragging
+        .description Fluent background sometimes causes drag lag
+
+    toggle(
+        [(ngModel)]='config.store.hacks.disableVibrancyWhileDragging',
+        (ngModelChange)='config.save(); config.requestRestart()'
+    )