Adjust paper styles

src/renderer/features/servers/components/server-list-item.tsx

@@ -220,10 +220,10 @@ export const ServerListItem = ({ server }: ServerListItemProps) => {
                 <Group>
                   <Button
                     tooltip={{ label: 'Edit server details' }}
-                    variant="default"
+                    variant="subtle"
                     onClick={() => editHandlers.toggle()}
                   >
-                    <RiEdit2Fill color="white" />
+                    <RiEdit2Fill />
                   </Button>
                 </Group>
               )}

src/renderer/features/servers/components/server-list.tsx

@@ -1,7 +1,12 @@
-import { Accordion, Group } from '@mantine/core';
+import { Group } from '@mantine/core';
 import { openContextModal } from '@mantine/modals';
 import { RiServerFill } from 'react-icons/ri';
-import { Text, Button, ContextModalVars } from '@/renderer/components';
+import {
+  Text,
+  Button,
+  ContextModalVars,
+  Accordion,
+} from '@/renderer/components';
 import { ServerListItem } from '@/renderer/features/servers/components/server-list-item';
 import { useServerList } from '@/renderer/features/servers/queries/use-server-list';
 import { usePermissions } from '@/renderer/features/shared';

src/renderer/themes/default.scss

@@ -67,7 +67,7 @@
   --btn-subtle-fg: rgb(150, 150, 150);
   --btn-subtle-fg-hover: rgb(200, 200, 200);
 
-  --input-bg: rgb(37, 38, 43);
+  --input-bg: rgb(56, 56, 56);
   --input-fg: rgb(193, 193, 193);
   --input-placeholder-fg: rgb(119, 126, 139);
   --input-active-fg: rgb(193, 193, 193);

src/renderer/themes/light.scss

@@ -77,7 +77,7 @@ body[data-theme='defaultLight'] {
 
   --modal-bg: rgb(255, 255, 255);
 
-  --paper-bg: rgb(230, 230, 230);
+  --paper-bg: rgb(240, 240, 240);
 
   --placeholder-bg: rgba(204, 204, 204, 0.5);
   --placeholder-fg: rgb(126, 126, 126);