From 65e51decb26925a16956f313bdc51d8fa5b51d24 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Wed, 1 Oct 2025 18:13:00 +0200
Subject: [PATCH] ov-components: update color variables for improved
 consistency across components

---
 .../recording-activity/recording-activity.component.scss    | 2 +-
 .../src/lib/components/settings/selector-shared.scss        | 4 ++--
 .../src/lib/models/theme.model.ts                           | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
index 47fb689f..0beec416 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
@@ -537,7 +537,7 @@
 	#start-recording-btn {
 		width: 100%;
 		background-color: var(--ov-primary-action-color);
-		color: var(--ov-text-primary-color);
+		color: var(--ov-text-surface-color);
 		border-radius: var(--ov-surface-radius);
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/selector-shared.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/selector-shared.scss
index 3f2fe3e5..c101c8ec 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/selector-shared.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/selector-shared.scss
@@ -40,10 +40,10 @@
 
 				&.device-disabled {
 					background: var(--ov-error-color);
-					color: var(--ov-surface-color);
+					color: var(--ov-text-surface-color);
 
 					mat-icon {
-						color: var(--ov-surface-color);
+						color: var(--ov-text-surface-color);
 					}
 				}
 
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/theme.model.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/theme.model.ts
index 5177c398..fa3b97c2 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/theme.model.ts
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/theme.model.ts
@@ -80,10 +80,10 @@ export const OPENVIDU_COMPONENTS_LIGHT_THEME: OpenViduThemeVariables = {
 	'--ov-surface-color': '#ffffff',
 	'--ov-surface-container-color': '#f8f9fa',
 	'--ov-surface-container-high-color': '#f0f0f0',
-	'--ov-primary-action-color': '#e6e1e1',
+	'--ov-primary-action-color': '#d6d6d6ff',
 	'--ov-primary-action-color-lighter': '#f3f3f3',
-	'--ov-secondary-action-color': '#e7e7e7ff',
-	'--ov-accent-action-color': '#bddfe7',
+	'--ov-secondary-action-color': '#d6d6d6ff',
+	'--ov-accent-action-color': '#a9e3f0ff',
 	'--ov-error-color': '#dc3545',
 	'--ov-warn-color': '#eea300',
 	'--ov-success-color': '#28a745',