From 7ca4a83796e487ceb8f67b0d3176238c25fd9a47 Mon Sep 17 00:00:00 2001
From: gettinToasty <sean.beyer@streamlabs.com>
Date: Fri, 28 Oct 2022 16:46:01 -0700
Subject: [PATCH] Use new API when switching themes (#4348)

* Use new API when switching themes

* Run on app startup
---
 app/services/customization.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/services/customization.ts b/app/services/customization.ts
index 2f5bce81cff3..05fbbc342c21 100644
--- a/app/services/customization.ts
+++ b/app/services/customization.ts
@@ -15,6 +15,7 @@ import { UsageStatisticsService } from 'services/usage-statistics';
 import fs from 'fs-extra';
 import path from 'path';
 import { AppService } from './app';
+import * as obs from '../../obs-api';
 
 // Maps to --background
 const THEME_BACKGROUNDS = {
@@ -165,6 +166,7 @@ export class CustomizationService extends PersistentStatefulService<ICustomizati
     this.setSettings(this.runMigrations(this.state, CustomizationService.migrations));
     this.setLiveDockCollapsed(true); // livedock is always collapsed on app start
     this.ensureCrashDumpFolder();
+    this.setObsTheme();
 
     this.userService.userLoginFinished.subscribe(() => this.setInitialLegacyAlertboxState());
 
@@ -203,6 +205,7 @@ export class CustomizationService extends PersistentStatefulService<ICustomizati
   }
 
   setTheme(theme: string) {
+    obs.NodeObs.OBS_content_setDayTheme(['day-theme', 'prime-light'].includes(theme));
     return this.setSettings({ theme });
   }
 
@@ -250,6 +253,10 @@ export class CustomizationService extends PersistentStatefulService<ICustomizati
     this.setSettings({ performanceMode: !this.state.performanceMode });
   }
 
+  setObsTheme() {
+    obs.NodeObs.OBS_content_setDayTheme(!this.isDarkTheme);
+  }
+
   get themeOptions() {
     const options = [
       { value: 'night-theme', label: $t('Night') },