ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-components: Updated css variable names

pull/715/head
csantosm 2022-04-18 13:33:53 +02:00
parent d0f1e9a121
commit 3b986dcfaa
8 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
openvidu-components-angular/e2e/webcomponent-app/index.html
View File

@ -17,7 +17,7 @@
:root { :root {
--ov-primary-color: #303030; --ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f; --ov-secondary-color: #3e3f3f;
--ov-secondary-light-color: #e6e6e6; --ov-light-color: #e6e6e6;
--ov-tertiary-color: #598eff; --ov-tertiary-color: #598eff;
--ov-warn-color: #eb5144; --ov-warn-color: #eb5144;
--ov-accent-color: #ffae35; --ov-accent-color: #ffae35;

4
openvidu-components-angular/projects/openvidu-angular/README.md
View File

@ -56,10 +56,12 @@ You also can add the default styles in your `styles.scss` file:
:root { :root {
--ov-primary-color: #303030; --ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f; --ov-secondary-color: #3e3f3f;
--ov-secondary-light-color: #e6e6e6;
--ov-tertiary-color: #598eff; --ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144; --ov-warn-color: #EB5144;
--ov-accent-color: #ffae35; --ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
--ov-logo-background-color: #3a3d3d;
--ov-text-color: #ffffff; --ov-text-color: #ffffff;

4
openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
View File

@ -24,7 +24,7 @@
.text-container{ .text-container{
/* padding: 5px; */ /* padding: 5px; */
background-color: var(--ov-secondary-light-color); background-color: var(--ov-light-color);
color: var(--ov-panel-text-color); color: var(--ov-panel-text-color);
text-align: center; text-align: center;
/* margin: 5px 5px; */ /* margin: 5px 5px; */
@ -46,7 +46,7 @@
.input-container { .input-container {
height: 25px; height: 25px;
display: flex; display: flex;
background-color: var(--ov-secondary-light-color); background-color: var(--ov-light-color);
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
border-radius: var(--ov-panel-radius); border-radius: var(--ov-panel-radius);

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
View File

@ -34,7 +34,7 @@
.message-container{ .message-container{
padding: 5px; padding: 5px;
background-color: var(--ov-secondary-light-color); background-color: var(--ov-light-color);
color: var(--ov-panel-text-color); color: var(--ov-panel-text-color);
text-align: center; text-align: center;
margin: 5px 5px; margin: 5px 5px;

4
openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
View File

@ -1,7 +1,7 @@
.container { .container {
height: 100%; height: 100%;
padding: 80px; padding: 80px;
background-color: var(--ov-secondary-light-color); background-color: var(--ov-light-color);
} }
#layout-container { #layout-container {
@ -24,7 +24,7 @@ ov-layout {
} }
.media-panel { .media-panel {
background-color: var(--ov-secondary-light-color); background-color: var(--ov-light-color);
} }
.media-panel-container { .media-panel-container {
width: 100%; width: 100%;

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
View File

@ -46,7 +46,7 @@
} }
#branding-logo { #branding-logo {
background-color: var(--ov-secondary-color); background-color: var(--ov-logo-background-color);
border-radius: var(--ov-panel-radius); border-radius: var(--ov-panel-radius);
max-width: 35px; max-width: 35px;
max-height: 35px; max-height: 35px;

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css
View File

@ -927,7 +927,7 @@
.modal { .modal {
height: 100%; height: 100%;
max-width: 100%; max-width: 100%;
background-color: var(--ov-secondary-light-color); background-color: var(--ov-light-color);
} }
.modal.fade .modal-dialog { .modal.fade .modal-dialog {

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css
View File

@ -19,5 +19,5 @@
margin: auto; margin: auto;
text-align: -webkit-center; text-align: -webkit-center;
text-align: -moz-center; text-align: -moz-center;
color: var(--ov-primary-color); color: var(--ov-text-color);
} }