From 370c4cce15ee96b72766a0c203ee950a436e3719 Mon Sep 17 00:00:00 2001
From: MelvinBot <infra+melvinbot@expensify.com>
Date: Mon, 2 Feb 2026 15:47:27 +0000
Subject: [PATCH] Fix domain control banner background color

The DomainsEmptyStateComponent was using styles.hoveredComponentBG
which maps to a darker shade (productLight300/productDark300).
Changed to styles.highlightBG which maps to the standard cardBG
color (productLight200/productDark200).

Fixes #81180

Co-authored-by: Shawn Borton <shawnborton@users.noreply.github.com>
---
 src/components/DomainsEmptyStateComponent.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/DomainsEmptyStateComponent.tsx b/src/components/DomainsEmptyStateComponent.tsx
index 14f194c2cb0b..8864f5b079b4 100644
--- a/src/components/DomainsEmptyStateComponent.tsx
+++ b/src/components/DomainsEmptyStateComponent.tsx
@@ -21,7 +21,7 @@ function DomainsEmptyStateComponent() {
                 title={translate('domain.enhancedSecurity.title')}
                 subtitle={translate('domain.enhancedSecurity.subtitle')}
                 subtitleStyle={[styles.textLabelSupporting, styles.pt1]}
-                style={[styles.borderRadiusComponentLarge, styles.hoveredComponentBG]}
+                style={[styles.borderRadiusComponentLarge, styles.highlightBG]}
                 rightComponent={
                     <Button
                         text={translate('domain.enhancedSecurity.enable')}