From 07f1aba701ac3e81d506e802ab360158cced8067 Mon Sep 17 00:00:00 2001
From: RohitR311 <rohit.rajan031101@gmail.com>
Date: Wed, 8 Jan 2025 17:59:36 +0530
Subject: [PATCH] feat: add default bg color on selection

---
 src/components/organisms/RightSidePanel.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 30d976d9..430377d8 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -556,7 +556,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
               sx={{ 
                 color: '#ff00c3 !important',
                 borderColor: '#ff00c3 !important',
-                backgroundColor: paginationType === 'clickNext' && isDarkMode ? 'whitesmoke !important' : 'transparent !important',
+                backgroundColor: paginationType === 'clickNext' ? 'whitesmoke !important' : 'transparent !important',
                 '&:hover': {
                   borderColor: '#ff00c3 !important',
                   backgroundColor: 'whitesmoke !important',
@@ -570,7 +570,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
               sx={{ 
                 color: '#ff00c3 !important',
                 borderColor: '#ff00c3 !important',
-                backgroundColor: paginationType === 'clickLoadMore' && isDarkMode ? 'whitesmoke !important' : 'transparent !important',
+                backgroundColor: paginationType === 'clickLoadMore' ? 'whitesmoke !important' : 'transparent !important',
                 '&:hover': {
                   borderColor: '#ff00c3 !important',
                   backgroundColor: 'whitesmoke !important',
@@ -584,7 +584,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
               sx={{ 
                 color: '#ff00c3 !important',
                 borderColor: '#ff00c3 !important',
-                backgroundColor: paginationType === 'scrollDown' && isDarkMode ? 'whitesmoke !important' : 'transparent !important',
+                backgroundColor: paginationType === 'scrollDown' ? 'whitesmoke !important' : 'transparent !important',
                 '&:hover': {
                   borderColor: '#ff00c3 !important',
                   backgroundColor: 'whitesmoke !important',
@@ -598,7 +598,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
               sx={{ 
                 color: '#ff00c3 !important',
                 borderColor: '#ff00c3 !important',
-                backgroundColor: paginationType === 'scrollUp' && isDarkMode ? 'whitesmoke !important' : 'transparent !important',
+                backgroundColor: paginationType === 'scrollUp' ? 'whitesmoke !important' : 'transparent !important',
                 '&:hover': {
                   borderColor: '#ff00c3 !important',
                   backgroundColor: 'whitesmoke !important',
@@ -612,7 +612,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
               sx={{ 
                 color: '#ff00c3 !important',
                 borderColor: '#ff00c3 !important',
-                backgroundColor: paginationType === 'none' && isDarkMode ? 'whitesmoke !important' : 'transparent !important',
+                backgroundColor: paginationType === 'none' ? 'whitesmoke !important' : 'transparent !important',
                 '&:hover': {
                   borderColor: '#ff00c3 !important',
                   backgroundColor: 'whitesmoke !important',