Skip to content

Commit

Permalink
Updated openvidu-components css
Browse files Browse the repository at this point in the history
  • Loading branch information
@CSantosM
CSantosM committed Nov 6, 2024
1 parent 0deb7cf commit 58012e0
Show file tree
Hide file tree
Showing 17 changed files with 450 additions and 424 deletions.
12 changes: 9 additions & 3 deletions openvidu-components-angular/openvidu-additional-panels/src/styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,16 @@
--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;

--ov-buttons-radius: 50%; // border-radius property
--ov-toolbar-buttons-radius: 50%; // border-radius property
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
}
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
42 changes: 27 additions & 15 deletions openvidu-components-angular/openvidu-admin-dashboard/src/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,35 @@
/* You can add global styles to this file, and also import other style files */

:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
--ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144;
--ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
/* Basic colors */
--ov-background-color: #303030; // Background color
--ov-surface-color: #ffffff; // Surfaces colors (panels, dialogs)

--ov-logo-background-color: #3a3d3d;
--ov-text-color: #ffffff;
/* Text colors */
--ov-text-primary-color: #ffffff; // Text color over primary background
--ov-text-surface-color: #1d1d1d; // Text color over surface background

--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
/* Action colors */
--ov-primary-action-color: #273235; // Primary color for buttons, etc.
--ov-secondary-action-color: #f1f1f1; // Secondary color for buttons, etc.
--ov-accent-action-color: #0089ab; // Color for highlighted elements

--ov-buttons-radius: 50%; // border-radius property
/* Status colors */
--ov-error-color: #eb5144; // Error color
--ov-warn-color: #ffba53; // Warning color

/* Radius */
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
}
html, body { height: 100%; overflow: hidden; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
--ov-surface-radius: 5px;
}
html,
body {
height: 100%;
overflow: hidden;
}
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
29 changes: 17 additions & 12 deletions openvidu-components-angular/openvidu-complete-app/frontend/src/styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,21 +22,26 @@ body {

// Custom openvidu-components styles
:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
--ov-tertiary-color: #598eff;
--ov-warn-color: #eb5144;
--ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
/* Basic colors */
--ov-background-color: #303030; // Background color
--ov-surface-color: #ffffff; // Surfaces colors (panels, dialogs)

--ov-logo-background-color: #3a3d3d;
--ov-text-color: #ffffff;
/* Text colors */
--ov-text-primary-color: #ffffff; // Text color over primary background
--ov-text-surface-color: #1d1d1d; // Text color over surface background

--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
/* Action colors */
--ov-primary-action-color: #273235; // Primary color for buttons, etc.
--ov-secondary-action-color: #f1f1f1; // Secondary color for buttons, etc.
--ov-accent-action-color: #0089ab; // Color for highlighted elements

--ov-buttons-radius: 50%;
/* Status colors */
--ov-error-color: #eb5144; // Error color
--ov-warn-color: #ffba53; // Warning color

/* Radius */
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
--ov-surface-radius: 5px;
}
42 changes: 26 additions & 16 deletions openvidu-components-angular/openvidu-custom-activities-panel/src/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,34 @@
/* You can add global styles to this file, and also import other style files */

:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
--ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144;
--ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
/* Basic colors */
--ov-background-color: #303030; // Background color
--ov-surface-color: #ffffff; // Surfaces colors (panels, dialogs)

--ov-logo-background-color: #3a3d3d;
/* Text colors */
--ov-text-primary-color: #ffffff; // Text color over primary background
--ov-text-surface-color: #1d1d1d; // Text color over surface background

--ov-text-color: #ffffff;
/* Action colors */
--ov-primary-action-color: #273235; // Primary color for buttons, etc.
--ov-secondary-action-color: #f1f1f1; // Secondary color for buttons, etc.
--ov-accent-action-color: #0089ab; // Color for highlighted elements

--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
/* Status colors */
--ov-error-color: #eb5144; // Error color
--ov-warn-color: #ffba53; // Warning color

--ov-buttons-radius: 50%; // border-radius property
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
/* Radius */
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-surface-radius: 5px;
}
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
42 changes: 26 additions & 16 deletions openvidu-components-angular/openvidu-custom-chat-panel/src/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,34 @@
/* You can add global styles to this file, and also import other style files */

:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
--ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144;
--ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
/* Basic colors */
--ov-background-color: #303030; // Background color
--ov-surface-color: #ffffff; // Surfaces colors (panels, dialogs)

--ov-logo-background-color: #3a3d3d;
/* Text colors */
--ov-text-primary-color: #ffffff; // Text color over primary background
--ov-text-surface-color: #1d1d1d; // Text color over surface background

--ov-text-color: #ffffff;
/* Action colors */
--ov-primary-action-color: #273235; // Primary color for buttons, etc.
--ov-secondary-action-color: #f1f1f1; // Secondary color for buttons, etc.
--ov-accent-action-color: #0089ab; // Color for highlighted elements

--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
/* Status colors */
--ov-error-color: #eb5144; // Error color
--ov-warn-color: #ffba53; // Warning color

--ov-buttons-radius: 50%; // border-radius property
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
/* Radius */
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-surface-radius: 5px;
}
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
40 changes: 25 additions & 15 deletions openvidu-components-angular/openvidu-custom-layout/src/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,35 @@
/* You can add global styles to this file, and also import other style files */

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}

:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
--ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144;
--ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
/* Basic colors */
--ov-background-color: #303030; // Background color
--ov-surface-color: #ffffff; // Surfaces colors (panels, dialogs)

--ov-logo-background-color: #3a3d3d;
/* Text colors */
--ov-text-primary-color: #ffffff; // Text color over primary background
--ov-text-surface-color: #1d1d1d; // Text color over surface background

--ov-text-color: #ffffff;
/* Action colors */
--ov-primary-action-color: #273235; // Primary color for buttons, etc.
--ov-secondary-action-color: #f1f1f1; // Secondary color for buttons, etc.
--ov-accent-action-color: #0089ab; // Color for highlighted elements

--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
/* Status colors */
--ov-error-color: #eb5144; // Error color
--ov-warn-color: #ffba53; // Warning color

--ov-buttons-radius: 50%; // border-radius property
/* Radius */
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
}
--ov-surface-radius: 5px;
}
40 changes: 25 additions & 15 deletions openvidu-components-angular/openvidu-custom-panels/src/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,35 @@
/* You can add global styles to this file, and also import other style files */

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}

:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
--ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144;
--ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
/* Basic colors */
--ov-background-color: #303030; // Background color
--ov-surface-color: #ffffff; // Surfaces colors (panels, dialogs)

--ov-logo-background-color: #3a3d3d;
/* Text colors */
--ov-text-primary-color: #ffffff; // Text color over primary background
--ov-text-surface-color: #1d1d1d; // Text color over surface background

--ov-text-color: #ffffff;
/* Action colors */
--ov-primary-action-color: #273235; // Primary color for buttons, etc.
--ov-secondary-action-color: #f1f1f1; // Secondary color for buttons, etc.
--ov-accent-action-color: #0089ab; // Color for highlighted elements

--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
/* Status colors */
--ov-error-color: #eb5144; // Error color
--ov-warn-color: #ffba53; // Warning color

--ov-buttons-radius: 50%; // border-radius property
/* Radius */
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
}
--ov-surface-radius: 5px;
}
40 changes: 25 additions & 15 deletions openvidu-components-angular/openvidu-custom-participant-panel-item-elements/src/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,35 @@
/* You can add global styles to this file, and also import other style files */

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}

:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
--ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144;
--ov-accent-color: #ffae35;
--ov-light-color: #e6e6e6;
/* Basic colors */
--ov-background-color: #303030; // Background color
--ov-surface-color: #ffffff; // Surfaces colors (panels, dialogs)

--ov-logo-background-color: #3a3d3d;
/* Text colors */
--ov-text-primary-color: #ffffff; // Text color over primary background
--ov-text-surface-color: #1d1d1d; // Text color over surface background

--ov-text-color: #ffffff;
/* Action colors */
--ov-primary-action-color: #273235; // Primary color for buttons, etc.
--ov-secondary-action-color: #f1f1f1; // Secondary color for buttons, etc.
--ov-accent-action-color: #0089ab; // Color for highlighted elements

--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
/* Status colors */
--ov-error-color: #eb5144; // Error color
--ov-warn-color: #ffba53; // Warning color

--ov-buttons-radius: 50%; // border-radius property
/* Radius */
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;
}
--ov-surface-radius: 5px;
}
Loading

0 comments on commit 58012e0

Please sign in to comment.