ov-components: Updated css

OpenVidu · Nov 6, 2024 · ee79e39 · ee79e39
1 parent 47ccaf5
commit ee79e39
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/...ponents/panel/activities-panel/broadcasting-activity/broadcasting-activity.component.scss b/...ponents/panel/activities-panel/broadcasting-activity/broadcasting-activity.component.scss
@@ -1,5 +1,8 @@
 $ov-broadcasting-color: #5903ca;
 
+$ov-input-color: #cccccc;
+
+
 .time-container {
 	padding: 2px;
 }
@@ -116,7 +119,7 @@ mat-expansion-panel {
 .input-container {
 	height: 25px;
 	display: flex;
-	background-color: var(--ov-secondary-action-color);
+	background-color: $ov-input-color;
 	padding: 10px;
 	margin: 10px;
 	border-radius: var(--ov-surface-radius);
@@ -137,7 +140,6 @@ mat-expansion-panel {
 	white-space: pre-wrap;
 	resize: none;
 	outline: none;
-
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;

diff --git a/...-components-angular/src/lib/components/panel/settings-panel/settings-panel.component.scss b/...-components-angular/src/lib/components/panel/settings-panel/settings-panel.component.scss
@@ -52,7 +52,8 @@
 		--mdc-list-list-item-focus-state-layer-color: transparent !important;
 	}
 
-	::ng-deep .lang-selector .expand-more-icon {
+	::ng-deep .lang-selector .expand-more-icon,
+	::ng-deep .lang-selector mat-icon {
 		color: var(--ov-secondary-action-color) !important;
 	}
 

diff --git a/...components-angular/src/lib/components/settings/lang-selector/lang-selector.component.scss b/...components-angular/src/lib/components/settings/lang-selector/lang-selector.component.scss
@@ -2,7 +2,7 @@ $ov-surface-color-lighter: color-mix(in srgb, var(--ov-surface-color), #fff 5%);
 
 .lang-button {
 	background-color: var(--ov-primary-action-color) !important;
-	color: var(--ov-secondary-action-color);
+	color: var(--ov-secondary-action-color) !important;
 }
 .lang-button .mat-icon {
 	color: var(--ov-secondary-action-color);

diff --git a/...ular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss b/...ular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss
@@ -1,5 +1,4 @@
 $ov-video-elements-bg-color: var(--ov-primary-action-color);;
-$ov-video-elements-text-color: #ffffff;
 :host {
 	/* Fixes layout bug. The OV_root is created with the entire layout width and it has a weird UX behaviour */
 	.no-size {
@@ -10,7 +9,7 @@ $ov-video-elements-text-color: #ffffff;
 	.participant-name-container {
 		background-color: $ov-video-elements-bg-color;
 		padding: 5px;
-		color: $ov-video-elements-text-color;
+		color: var(--ov-secondary-action-color);
 		font-weight: bold;
 		border-radius: var(--ov-video-radius);
 	}
@@ -65,7 +64,7 @@ $ov-video-elements-text-color: #ffffff;
 		top: 0;
 		// border: 2px solid var(--ov-text-primary-color);
 		button {
-			color: $ov-video-elements-text-color;
+			color: var(--ov-secondary-action-color);
 		}
 	}