Default custom style

README.md

@@ -48,7 +48,7 @@ https://<domain>/playback/presentation/2.3/<recordId>
 
 - chat:
   - `scroll`: automatic scroll [`true`|`false`]
-  - `align`: scroll align [`top`|`center`|`bottom`]
+  - `align`: scroll align [`top`|`middle`|`bottom`]
 
 - controls:
   - `about`
@@ -76,12 +76,13 @@ https://<domain>/playback/presentation/2.3/<recordId>
     - `seconds`: 15
 
 - styles: custom styles
-  - `url`: css files host
+  - `default`: default style
+  - `url`: styles host
   - `valid`: valid style names
 
 - thumbnails:
   - `scroll`: automatic scroll [`true`|`false`]
-  - `align`: scroll align [`top`|`center`|`bottom`]
+  - `align`: scroll align [`left`|`center`|`right`]
 
 - video: primary media configuration
   - `fps`: frames per second

deploy.sh

@@ -1,5 +1,7 @@
 #!/bin/bash
 
+set -e
+
 BBB_PLAYBACK_HOMEPAGE=playback/presentation/2.3
 BBB_PLAYBACK=/var/bigbluebutton/$BBB_PLAYBACK_HOMEPAGE
 

src/components/utils/avatar/index.scss

@@ -7,13 +7,13 @@ $avatar-size: 2.25rem;
 
   .avatar {
     border-radius: 50%;
+    color: var(--avatar-color);
     height: $avatar-size;
     text-align: center;
     width: $avatar-size;
 
     .initials {
       align-items: center;
-      color: var(--avatar-color);
       display: flex;
       height: 100%;
       justify-content: center;

src/config.json

@@ -75,6 +75,7 @@
     }
   },
   "styles": {
+    "default": null,
     "url": "HOST",
     "valid": []
   },

src/utils/data.js

@@ -319,14 +319,12 @@ const getScrollTop = (firstNode, currentNode, align) => {
 
 const getStyle = () => {
   const params = new URLSearchParams(window.location.search);
+  const { styles } = config;
+  const { url } = styles;
 
-  let style;
+  let style = styles.default ? `${url}/${styles.default}.css` : null;
   if (params && params.has('s')) {
-    const {
-      url,
-      valid,
-    } = config.styles;
-
+    const { valid } = styles;
     const value = params.get('s');
     if (valid.includes(value)) {
       style = `${url}/${value}.css`;