diff --git a/src/app/components/code-highlighter.tsx b/src/app/components/code-highlighter.tsx index d12a73b..5470cd8 100644 --- a/src/app/components/code-highlighter.tsx +++ b/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, }} diff --git a/src/app/components/player/player-view.tsx b/src/app/components/player/player-view.tsx index 1018af0..e76dcfa 100644 --- a/src/app/components/player/player-view.tsx +++ b/src/app/components/player/player-view.tsx @@ -16,7 +16,7 @@ type PlayerViewProps = { export function PlayerView({ player }: PlayerViewProps): ReactElement { return ( -
+
diff --git a/src/app/components/server/server-view.tsx b/src/app/components/server/server-view.tsx index aa219a7..1712ad4 100644 --- a/src/app/components/server/server-view.tsx +++ b/src/app/components/server/server-view.tsx @@ -20,7 +20,7 @@ type ServerViewProps = { export function ServerView({ server, favicon }: ServerViewProps): ReactElement { return ( -
+
diff --git a/src/app/globals.css b/src/app/globals.css index 9d18cd9..33fb782 100644 --- a/src/app/globals.css +++ b/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%;