Custom meeting css

client/Meeting.coffee

@@ -222,6 +222,23 @@ export Meeting = React.memo ->
     parts.push room.title if room?.title
     document.title = parts.reverse().join ' - '
   , []
+  ## Add custom CSS stylesheet
+  useTracker ->
+    meeting = Meetings.findOne meetingId
+    stylePath = meeting?.css
+    if stylePath and /^https:\/\/[^ "]+$/.exec stylePath
+      link = document.getElementById "customCss"
+      if link
+        link.href = stylePath
+      else
+        head = document.head
+        link = document.createElement "link"
+        link.type = "text/css"
+        link.rel = "stylesheet"
+        link.href = stylePath
+        link.id = "customCss"
+        head.appendChild link
+  , []
 
   factory = (node) ->
     updateTab = -> FlexLayout.updateNode model, node.getId()

client/Settings.coffee

@@ -33,6 +33,7 @@ export Settings = React.memo ->
         </Card>
         <div className="sidebar">
           <MeetingSetting setting="welcome" alt="Welcome URL (https only)" placeholder="(default)"/>
+          <MeetingSetting setting="css" alt="Custom CSS (https only)" placeholder="(none)"/>
         </div>
       </>
     }

lib/meetings.coffee

@@ -48,6 +48,7 @@ Meteor.methods
       id: String
       title: Match.Optional String
       welcome: Match.Optional String
+      css: Match.Optional String
       updator: updatorPattern
       secret: Match.Optional String
     unless @isSimulation