From c77782cd35d4da668fff68b6c285159125761202 Mon Sep 17 00:00:00 2001
From: Meisam <39205857+MFTabriz@users.noreply.github.com>
Date: Mon, 7 Jun 2021 22:53:25 +0200
Subject: [PATCH] inject custom style (#1083)

---
 webroot/js/app-video-only.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/webroot/js/app-video-only.js b/webroot/js/app-video-only.js
index 2e85a477b..c81caa2d5 100644
--- a/webroot/js/app-video-only.js
+++ b/webroot/js/app-video-only.js
@@ -225,7 +225,10 @@ export default class VideoOnly extends Component {
       isPlaying,
     } = state;
 
-    const { logo = TEMP_IMAGE } = configData;
+    const { 
+      logo = TEMP_IMAGE,
+      customStyles, 
+    } = configData;
 
     const mainClass = playerActive ? 'online' : '';
 
@@ -234,6 +237,9 @@ export default class VideoOnly extends Component {
       : html` <${VideoPoster} offlineImage=${logo} active=${streamOnline} /> `;
     return html`
       <main class=${mainClass}>
+       <style>
+          ${customStyles}
+        </style>
         <div
           id="video-container"
           class="flex owncast-video-container bg-black w-full bg-center bg-no-repeat flex flex-col items-center justify-start"