style(MdComponents): update border and background styles for Pre component

TylerAPfledderer · TylerAPfledderer · commit 50a336a3574f · 2024-09-09T11:16:36.000-04:00
diff --git a/src/components/MdComponents/index.tsx b/src/components/MdComponents/index.tsx
@@ -96,7 +96,7 @@ export const Heading4 = ({
 
 export const Pre = (props: ChildOnlyProp) => (
   <pre
-    className="max-w-full overflow-x-scroll whitespace-pre-wrap rounded border-[1px] border-[rgba(0,0,0,.05)] bg-[#f2f2f2] p-4 dark:border-[hsla(0,0%,100%,.05)] dark:bg-[#191919]"
+    className="max-w-full overflow-x-scroll whitespace-pre-wrap rounded border bg-background-highlight p-4"
     {...props}
   />
 )

Original file line number	Diff line number	Diff line change
`@@ -96,7 +96,7 @@ export const Heading4 = ({`
`96`	`96`
`97`	`97`	`export const Pre = (props: ChildOnlyProp) => (`
`98`	`98`	`<pre`
`99`		`- className="max-w-full overflow-x-scroll whitespace-pre-wrap rounded border-[1px] border-[rgba(0,0,0,.05)] bg-[#f2f2f2] p-4 dark:border-[hsla(0,0%,100%,.05)] dark:bg-[#191919]"`
	`99`	`+ className="max-w-full overflow-x-scroll whitespace-pre-wrap rounded border bg-background-highlight p-4"`
`100`	`100`	`{...props}`
`101`	`101`	`/>`
`102`	`102`	`)`