fix code highlighter colors and centre the breadcrumbs on docs

2024-04-22 01:56:01 +01:00
parent 49daf6f1a4
commit 00a5febf66
6 changed files with 21 additions and 56 deletions
--- a/src/app/components/code-highlighter.tsx
+++ b/src/app/components/code-highlighter.tsx
@ -77,9 +77,9 @@ export function CodeHighlighter({ code, language = "json", rounded = true }: Cod
        renderer={rowRenderer}
        customStyle={{
          maxHeight: "600px",
-          backgroundColor: "hsl(var(--background-accent))",
+          backgroundColor: "hsl(var(--secondary))",
          wordBreak: "break-all",
-          borderRadius: rounded ? "0.75rem" : undefined,
+          borderRadius: rounded ? "0.25rem" : undefined,
        }}
      >
        {code}