From 3b986dcfaa6f1115bd42d751668b1b1522818806 Mon Sep 17 00:00:00 2001 From: csantosm <4a.santos@gmail.com> Date: Mon, 18 Apr 2022 13:33:53 +0200 Subject: [PATCH] openvidu-components: Updated css variable names --- openvidu-components-angular/e2e/webcomponent-app/index.html | 2 +- .../projects/openvidu-angular/README.md | 4 +++- .../lib/components/panel/chat-panel/chat-panel.component.css | 4 ++-- .../participants-panel/participants-panel.component.css | 2 +- .../src/lib/components/pre-join/pre-join.component.css | 4 ++-- .../src/lib/components/toolbar/toolbar.component.css | 2 +- .../lib/components/user-settings/user-settings.component.css | 2 +- .../components/videoconference/videoconference.component.css | 2 +- 8 files changed, 12 insertions(+), 10 deletions(-) diff --git a/openvidu-components-angular/e2e/webcomponent-app/index.html b/openvidu-components-angular/e2e/webcomponent-app/index.html index e9df7764..56c288ef 100644 --- a/openvidu-components-angular/e2e/webcomponent-app/index.html +++ b/openvidu-components-angular/e2e/webcomponent-app/index.html @@ -17,7 +17,7 @@ :root { --ov-primary-color: #303030; --ov-secondary-color: #3e3f3f; - --ov-secondary-light-color: #e6e6e6; + --ov-light-color: #e6e6e6; --ov-tertiary-color: #598eff; --ov-warn-color: #eb5144; --ov-accent-color: #ffae35; diff --git a/openvidu-components-angular/projects/openvidu-angular/README.md b/openvidu-components-angular/projects/openvidu-angular/README.md index 7bc9e6f4..22eaf583 100644 --- a/openvidu-components-angular/projects/openvidu-angular/README.md +++ b/openvidu-components-angular/projects/openvidu-angular/README.md @@ -56,10 +56,12 @@ You also can add the default styles in your `styles.scss` file: :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-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css index 14e2cbe9..b192ae0a 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css @@ -24,7 +24,7 @@ .text-container{ /* padding: 5px; */ - background-color: var(--ov-secondary-light-color); + background-color: var(--ov-light-color); color: var(--ov-panel-text-color); text-align: center; /* margin: 5px 5px; */ @@ -46,7 +46,7 @@ .input-container { height: 25px; display: flex; - background-color: var(--ov-secondary-light-color); + background-color: var(--ov-light-color); padding: 10px; margin: 10px; border-radius: var(--ov-panel-radius); diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css index 4688a8d5..799fd34c 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css @@ -34,7 +34,7 @@ .message-container{ padding: 5px; - background-color: var(--ov-secondary-light-color); + background-color: var(--ov-light-color); color: var(--ov-panel-text-color); text-align: center; margin: 5px 5px; diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css index 1302c525..874dee36 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css @@ -1,7 +1,7 @@ .container { height: 100%; padding: 80px; - background-color: var(--ov-secondary-light-color); + background-color: var(--ov-light-color); } #layout-container { @@ -24,7 +24,7 @@ ov-layout { } .media-panel { - background-color: var(--ov-secondary-light-color); + background-color: var(--ov-light-color); } .media-panel-container { width: 100%; diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css index 65126fa0..285d4174 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css @@ -46,7 +46,7 @@ } #branding-logo { - background-color: var(--ov-secondary-color); + background-color: var(--ov-logo-background-color); border-radius: var(--ov-panel-radius); max-width: 35px; max-height: 35px; diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css index bc923c74..cec8d780 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css @@ -927,7 +927,7 @@ .modal { height: 100%; max-width: 100%; - background-color: var(--ov-secondary-light-color); + background-color: var(--ov-light-color); } .modal.fade .modal-dialog { diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css index 5441f1cd..f30970ea 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css @@ -19,5 +19,5 @@ margin: auto; text-align: -webkit-center; text-align: -moz-center; - color: var(--ov-primary-color); + color: var(--ov-text-color); } \ No newline at end of file