Update color scheme

Author: lucemans

web/src/components/item/ItemPreview.tsx

@@ -70,7 +70,7 @@ export const AvatarHolder: FC<{
                 )}
                 <Avatar.Fallback
                     className={clsx(
-                        'flex h-full w-full items-center justify-center bg-gray-200 text-base font-medium leading-none text-pink-500',
+                        'bg-backgroundSecondary flex h-full w-full items-center justify-center text-base font-medium leading-none text-pink-500',
                         size === 'compact' && '!text-[0.6em]'
                     )}
                     delayMs={0}

web/src/styles/index.css

@@ -31,11 +31,10 @@
 
     @media (prefers-color-scheme: dark) {
         :root {
-            --background: 222.2 47.4% 11.2%;
-            --foreground: 210 40% 98%;
-            --card: 222.2 47.4% 11.2%;
-            --card-foreground: 210 40% 98%;
-            --border: 214.3 31.8% 15.3%;
+            --background: 240 8% 7%;
+            --background-secondary: 240 5% 15%;
+            --foreground: 240 9% 75%;
+            --border: 240 5% 15%;
         }
     }
 }

web/tailwind.config.js

@@ -8,6 +8,7 @@ export default {
                 input: 'hsl(var(--input))',
                 ring: 'hsl(var(--ring))',
                 background: 'hsl(var(--background))',
+                backgroundSecondary: 'hsl(var(--background-secondary))',
                 foreground: 'hsl(var(--foreground))',
                 primary: {
                     DEFAULT: 'hsl(var(--primary))',