From 1fb396900adcc1a1c27d671ace7e0be8cf50c55b Mon Sep 17 00:00:00 2001
From: Mike Kiss <mike.a.kissinger@gmail.com>
Date: Tue, 14 May 2024 12:25:22 -0400
Subject: [PATCH] feat: #1502 make backgrounds on channel input and settings
 tabs the default

---
 .../src/renderer/components/Settings/SettingsComponent.tsx | 1 +
 .../widgets/channels/ChannelInput/ChannelInput.tsx         | 7 +------
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/desktop/src/renderer/components/Settings/SettingsComponent.tsx b/packages/desktop/src/renderer/components/Settings/SettingsComponent.tsx
index 88e6523349..b87b813da7 100644
--- a/packages/desktop/src/renderer/components/Settings/SettingsComponent.tsx
+++ b/packages/desktop/src/renderer/components/Settings/SettingsComponent.tsx
@@ -32,6 +32,7 @@ const StyledTabsWrapper = styled(Grid)(() => ({
 
 const StyledAppBar = styled(AppBar, { label: 'xxxxx' })(({ theme }) => ({
   backgroundColor: theme.palette.background.default,
+  backgroundImage: 'none',
   boxShadow: theme.shadows[3],
 
   [`& .${classes.leaveComunity}`]: {
diff --git a/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx b/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx
index 895fded0e8..0442935899 100644
--- a/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx
+++ b/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx
@@ -70,6 +70,7 @@ const StyledChannelInput = styled(Grid)(({ theme }) => ({
     scrollPaddingBottom: '12px',
     height: '48px',
     lineHeight: '24px',
+    backgroundColor: theme.palette.background.default,
     '&:empty': {
       '&:before': {
         content: 'attr(placeholder)',
@@ -89,9 +90,6 @@ const StyledChannelInput = styled(Grid)(({ theme }) => ({
     maxHeight: maxHeight,
     overflowY: 'auto',
     borderRadius: 4,
-    '&:hover': {
-      borderColor: theme.palette.colors.trueBlack,
-    },
     display: 'flex',
     flexDirection: 'column',
     flexWrap: 'nowrap',
@@ -128,9 +126,6 @@ const StyledChannelInput = styled(Grid)(({ theme }) => ({
     pointerEvents: 'none',
     touchAction: 'none',
   },
-  [`& .${classes.focused}`]: {
-    borderColor: theme.palette.colors.trueBlack,
-  },
   [`& .${classes.iconButton}`]: {
     cursor: 'pointer',
     position: 'relative',