From ab63214efaa2e637eb43a589248550fc9e1259f0 Mon Sep 17 00:00:00 2001
From: Vaibhav Devere <98757943+vaibhav-devere@users.noreply.github.com>
Date: Wed, 9 Apr 2025 02:16:36 +0530
Subject: [PATCH] Added Proper theme color for Favorite Input box (#11434)

#11418  The background color changes based on the theme.
 - If the theme is 'light', the background color will be white.
- Otherwise, it will use the theme's background transparent lighter
color.

---------

Co-authored-by: ehconitin <nitinkoche03@gmail.com>
Co-authored-by: nitin <142569587+ehconitin@users.noreply.github.com>
---
 .../components/NavigationDrawerInput.tsx                 | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx
index 3847a214d..70da180cb 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx
@@ -1,12 +1,11 @@
 import { TextInputV2 } from '@/ui/input/components/TextInputV2';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
-import styled from '@emotion/styled';
 import { FocusEvent, useRef } from 'react';
 import { Key } from 'ts-key-enum';
-import { useHotkeyScopeOnMount } from '~/hooks/useHotkeyScopeOnMount';
 import { isDefined } from 'twenty-shared/utils';
 import { IconComponent, TablerIconsProps } from 'twenty-ui/display';
+import { useHotkeyScopeOnMount } from '~/hooks/useHotkeyScopeOnMount';
 
 type NavigationDrawerInputProps = {
   className?: string;
@@ -20,10 +19,6 @@ type NavigationDrawerInputProps = {
   hotkeyScope: string;
 };
 
-const StyledInput = styled(TextInputV2)`
-  background-color: white;
-`;
-
 export const NavigationDrawerInput = ({
   className,
   placeholder,
@@ -71,7 +66,7 @@ export const NavigationDrawerInput = ({
   };
 
   return (
-    <StyledInput
+    <TextInputV2
       className={className}
       LeftIcon={Icon}
       ref={inputRef}