From ab7a453507c747f2ac83d1c3740df035fdd23c9e Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Mon, 19 May 2025 17:08:50 +0200
Subject: [PATCH] ov-components: remove unused active button styles and clean
 up SCSS variables

---
 .../src/lib/components/stream/stream.component.html |  1 -
 .../src/lib/components/stream/stream.component.scss | 13 +++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.html
index 0313d2bb..54261d7e 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.html
@@ -48,7 +48,6 @@
 				mat-icon-button
 				id="pin-btn"
 				(click)="toggleVideoPinned()"
-				[class.active-btn]="_track.isPinned"
 				[matTooltip]="_track.isPinned ? ('STREAM.UNPIN' | translate) : ('STREAM.PIN' | translate)"
 			>
 				<mat-icon *ngIf="_track.isPinned" fontSet="material-symbols-outlined" fontIcon="keep">keep_off</mat-icon>
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 072d0450..c12eb923 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,4 +1,4 @@
-$ov-video-elements-bg-color: var(--ov-primary-action-color);;
+$ov-video-elements-bg-color: var(--ov-primary-action-color);
 :host {
 	/* Fixes layout bug. The OV_root is created with the entire layout width and it has a weird UX behaviour */
 	.no-size {
@@ -41,9 +41,6 @@ $ov-video-elements-bg-color: var(--ov-primary-action-color);;
 		}
 	}
 
-	.active-btn {
-		color: var(--ov-accent-action-color) !important;
-	}
 	.muted-btn {
 		color: var(--ov-error-color) !important;
 	}
@@ -80,11 +77,15 @@ $ov-video-elements-bg-color: var(--ov-primary-action-color);;
 		line-height: 0;
 
 		#status-mic,
-		#status-muted-forcibly {
-			color: var(--ov-error-color);
+		#status-muted-forcibly,
+		#status-pinned {
 			font-size: 24px;
 			margin: 5px;
 		}
+		#status-mic,
+		#status-muted-forcibly {
+			color: var(--ov-error-color);
+		}
 	}
 
 	/* Contains the video element, used to fix video letter-boxing */