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

View File

@ -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;

View File

@ -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;

View File

@ -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);

View File

@ -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;

View File

@ -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%;

View File

@ -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;

View File

@ -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 {

View File

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