update code formatter background color

src/app/components/code-highlighter.tsx

@@ -71,7 +71,7 @@ export function CodeHighlighter({ code, rounded = true }: CodeHighlighterProps):
       renderer={rowRenderer}
       customStyle={{
         maxHeight: "600px",
-        backgroundColor: "hsl(var(--popover))",
+        backgroundColor: "hsl(var(--background-accent))",
         wordBreak: "break-all",
         borderRadius: rounded ? "0.75rem" : undefined,
       }}

src/app/components/player/player-view.tsx

@@ -16,7 +16,7 @@ type PlayerViewProps = {
 
 export function PlayerView({ player }: PlayerViewProps): ReactElement {
   return (
-    <div className="flex flex-col gap-2">
+    <div className="flex flex-col gap-2 items-center">
       <Card className="w-max xs:w-fit">
         <div className="flex gap-4 flex-col xs:flex-row relative">
           <div className="flex items-center flex-col">

src/app/components/server/server-view.tsx

@@ -20,7 +20,7 @@ type ServerViewProps = {
 
 export function ServerView({ server, favicon }: ServerViewProps): ReactElement {
   return (
-    <div className="flex flex-col gap-2">
+    <div className="flex flex-col gap-2 items-center">
       <Card className="w-max xs:w-fit relative">
         <div className="flex gap-2 flex-col">
           <div className="flex gap-4 flex-col xs:flex-row">

src/app/globals.css

@@ -28,6 +28,7 @@
 
   .dark {
     --background: 20 14.3% 6.5%;
+    --background-accent: 20 14.3% 8.5%;
     --foreground: 0 0% 95%;
     --card: 24 9.8% 10%;
     --card-foreground: 0 0% 95%;