mirror of https://github.com/OpenVidu/openvidu.git
openvidu-components: Updated css variable names
parent
d0f1e9a121
commit
3b986dcfaa
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -19,5 +19,5 @@
|
|||
margin: auto;
|
||||
text-align: -webkit-center;
|
||||
text-align: -moz-center;
|
||||
color: var(--ov-primary-color);
|
||||
color: var(--ov-text-color);
|
||||
}
|
Loading…
Reference in New Issue