Skip to content

Commit f18299d

Browse files
committed
Make CliBlock header readable in dark mode
Change the CliBlock header background to support dark mode by adding a dark:bg-gray-800 class. This ensures the command line example remains readable when the app is in dark mode by providing an appropriate darker background for the header area.
1 parent 5741b02 commit f18299d

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

app/components/CliBlock.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ export default async function CliBlock({ hash, height, lang = 'cli', children }:
3737

3838
return (
3939
<div className="rounded-lg border bg-muted overflow-hidden mb-4">
40-
<div className="bg-gray-50 px-4 py-2 border-b">
40+
<div className="bg-gray-50 dark:bg-gray-800 px-4 py-2 border-b">
4141
<div className="font-mono text-base text-muted-foreground">$ {children}</div>
4242
</div>
4343
<div className="p-4 cli-output-container">

0 commit comments

Comments
 (0)