Commit 59d5d02

committed

docs: improve text contrast for hover and focus examples in light mode

1 parent 6f9b4c1 commit 59d5d02Copy full SHA for 59d5d02

File tree

-3

lines changed

-3

lines changed

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -35,10 +35,10 @@ export function CodeContainer({ code }: { code: HighlightedCode }) {`
`35`	`35`	`}}`
`36`	`36`	`handlers={[focus]}`
`37`	`37`	`/>`
`38`		`- <div className="p-2 mt-auto font-light text-center">`
	`38`	`+ <div className="p-2 mt-auto font-light text-center text-white">`
`39`	`39`	`You can also change the focus annotations on a rendered codeblock:`
`40`	`40`	`</div>`
`41`		`- <div className="flex justify-center gap-2 pb-4">`
	`41`	`+ <div className="flex justify-center gap-2 pb-4 text-white">`
`42`	`42`	`<button`
`43`	`43`	`onClick={() => setFocused("lorem")}`
`44`	`44`	`disabled={focused === "lorem"}`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ export default function Page() {`
`16`	`16`
`17`	`17`	`function HoverContainer(props: { children: React.ReactNode }) {`
`18`	`18`	`return (`
`19`		`- <div className="bg-zinc-900/80 px-2 rounded hover-container">`
	`19`	`+ <div className="bg-zinc-900/80 px-2 rounded hover-container text-white">`
`20`	`20`	`{props.children}`
`21`	`21`	`</div>`
`22`	`22`	`)`

Comments

(0)