From a2a849db0657c8d730ea32a6e7314f03e246f7b9 Mon Sep 17 00:00:00 2001 From: csantosm <4a.santos@gmail.com> Date: Mon, 18 Apr 2022 13:35:02 +0200 Subject: [PATCH] openvidu-components: Updated css variable names --- .../openvidu-additional-panels/src/styles.scss | 3 ++- .../openvidu-custom-chat-panel/src/styles.scss | 4 +++- openvidu-components/openvidu-custom-layout/src/styles.scss | 4 +++- openvidu-components/openvidu-custom-panels/src/styles.scss | 4 +++- .../src/styles.scss | 4 +++- .../openvidu-custom-participant-panel-item/src/styles.scss | 4 +++- .../openvidu-custom-participants-panel/src/styles.scss | 4 +++- openvidu-components/openvidu-custom-stream/src/styles.scss | 4 +++- openvidu-components/openvidu-custom-toolbar/src/styles.scss | 4 +++- openvidu-components/openvidu-custom-ui/src/styles.scss | 4 +++- openvidu-components/openvidu-panel-buttons/src/styles.scss | 4 +++- openvidu-components/openvidu-toggle-hand/src/styles.scss | 4 +++- openvidu-components/openvidu-toolbar-buttons/src/styles.scss | 4 +++- 13 files changed, 38 insertions(+), 13 deletions(-) diff --git a/openvidu-components/openvidu-additional-panels/src/styles.scss b/openvidu-components/openvidu-additional-panels/src/styles.scss index 7bd89131..29946557 100644 --- a/openvidu-components/openvidu-additional-panels/src/styles.scss +++ b/openvidu-components/openvidu-additional-panels/src/styles.scss @@ -3,11 +3,12 @@ :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; --ov-panel-text-color: #1d1d1d; diff --git a/openvidu-components/openvidu-custom-chat-panel/src/styles.scss b/openvidu-components/openvidu-custom-chat-panel/src/styles.scss index d5623d5c..dc4e7b63 100644 --- a/openvidu-components/openvidu-custom-chat-panel/src/styles.scss +++ b/openvidu-components/openvidu-custom-chat-panel/src/styles.scss @@ -3,10 +3,12 @@ :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-layout/src/styles.scss b/openvidu-components/openvidu-custom-layout/src/styles.scss index a1a149cf..6124f916 100644 --- a/openvidu-components/openvidu-custom-layout/src/styles.scss +++ b/openvidu-components/openvidu-custom-layout/src/styles.scss @@ -6,10 +6,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-panels/src/styles.scss b/openvidu-components/openvidu-custom-panels/src/styles.scss index a1a149cf..6124f916 100644 --- a/openvidu-components/openvidu-custom-panels/src/styles.scss +++ b/openvidu-components/openvidu-custom-panels/src/styles.scss @@ -6,10 +6,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-participant-panel-item-elements/src/styles.scss b/openvidu-components/openvidu-custom-participant-panel-item-elements/src/styles.scss index a1a149cf..6124f916 100644 --- a/openvidu-components/openvidu-custom-participant-panel-item-elements/src/styles.scss +++ b/openvidu-components/openvidu-custom-participant-panel-item-elements/src/styles.scss @@ -6,10 +6,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-participant-panel-item/src/styles.scss b/openvidu-components/openvidu-custom-participant-panel-item/src/styles.scss index a1a149cf..6124f916 100644 --- a/openvidu-components/openvidu-custom-participant-panel-item/src/styles.scss +++ b/openvidu-components/openvidu-custom-participant-panel-item/src/styles.scss @@ -6,10 +6,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-participants-panel/src/styles.scss b/openvidu-components/openvidu-custom-participants-panel/src/styles.scss index 7bd89131..9e604399 100644 --- a/openvidu-components/openvidu-custom-participants-panel/src/styles.scss +++ b/openvidu-components/openvidu-custom-participants-panel/src/styles.scss @@ -3,10 +3,12 @@ :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-stream/src/styles.scss b/openvidu-components/openvidu-custom-stream/src/styles.scss index a1a149cf..6124f916 100644 --- a/openvidu-components/openvidu-custom-stream/src/styles.scss +++ b/openvidu-components/openvidu-custom-stream/src/styles.scss @@ -6,10 +6,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-toolbar/src/styles.scss b/openvidu-components/openvidu-custom-toolbar/src/styles.scss index ec6a955d..b1b536a4 100644 --- a/openvidu-components/openvidu-custom-toolbar/src/styles.scss +++ b/openvidu-components/openvidu-custom-toolbar/src/styles.scss @@ -6,10 +6,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-custom-ui/src/styles.scss b/openvidu-components/openvidu-custom-ui/src/styles.scss index 5f883450..b242ad07 100644 --- a/openvidu-components/openvidu-custom-ui/src/styles.scss +++ b/openvidu-components/openvidu-custom-ui/src/styles.scss @@ -7,10 +7,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #cf9d9d; --ov-secondary-color: #f0efef; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #0f0f0f; diff --git a/openvidu-components/openvidu-panel-buttons/src/styles.scss b/openvidu-components/openvidu-panel-buttons/src/styles.scss index a2b96386..37942875 100644 --- a/openvidu-components/openvidu-panel-buttons/src/styles.scss +++ b/openvidu-components/openvidu-panel-buttons/src/styles.scss @@ -7,10 +7,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-toggle-hand/src/styles.scss b/openvidu-components/openvidu-toggle-hand/src/styles.scss index e363e628..3081cb61 100644 --- a/openvidu-components/openvidu-toggle-hand/src/styles.scss +++ b/openvidu-components/openvidu-toggle-hand/src/styles.scss @@ -39,10 +39,12 @@ $openvidu-components-theme: mat.define-light-theme(( :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff; diff --git a/openvidu-components/openvidu-toolbar-buttons/src/styles.scss b/openvidu-components/openvidu-toolbar-buttons/src/styles.scss index a1a149cf..6124f916 100644 --- a/openvidu-components/openvidu-toolbar-buttons/src/styles.scss +++ b/openvidu-components/openvidu-toolbar-buttons/src/styles.scss @@ -6,10 +6,12 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #EB5144; --ov-accent-color: #ffae35; + --ov-light-color: #e6e6e6; + + --ov-logo-background-color: #3a3d3d; --ov-text-color: #ffffff;