From ee79e39d4bf3017a0c83b67be2d27f525b592146 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Wed, 6 Nov 2024 12:22:45 +0100
Subject: [PATCH] ov-components: Updated css

---
 .../broadcasting-activity.component.scss                    | 6 ++++--
 .../panel/settings-panel/settings-panel.component.scss      | 3 ++-
 .../settings/lang-selector/lang-selector.component.scss     | 2 +-
 .../src/lib/components/stream/stream.component.scss         | 5 ++---
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/broadcasting-activity/broadcasting-activity.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/broadcasting-activity/broadcasting-activity.component.scss
index 17d722db9a..55ff69fbc0 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/broadcasting-activity/broadcasting-activity.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/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/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/settings-panel/settings-panel.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/settings-panel/settings-panel.component.scss
index 5b1ec429cd..a0bc72ecfc 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/settings-panel/settings-panel.component.scss
+++ b/openvidu-components-angular/projects/openvidu-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/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/lang-selector/lang-selector.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/lang-selector/lang-selector.component.scss
index c08a249707..a74aea1f8d 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/lang-selector/lang-selector.component.scss
+++ b/openvidu-components-angular/projects/openvidu-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/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss
index c47502df6a..072d04505d 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss
+++ b/openvidu-components-angular/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);
 		}
 	}