jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-06-27 17:25:43 -04:00
Code Issues Activity

fix light code theme

Browse Source
This commit is contained in:
Jake Jarvis
2025-05-07 20:33:20 -04:00
parent 80f12f4dc8
commit d98c3bb775
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/code-block.tsx
View File

@ -33,8 +33,8 @@ const CodeBlock = async ({
const codeHighlighted = await codeToHtml(codeString, {
lang,
themes: {
light: "material-theme-lighter",
dark: "material-theme-darker",
light: "github-light",
dark: "github-dark",
},
});
@ -64,8 +64,6 @@ const CodeBlock = async ({
}
};
const fullLang = getFullLang(lang);
return (
<div className={cn("bg-muted/35 relative isolate rounded-lg border-2 font-mono", className)}>
<div
@ -78,9 +76,10 @@ const CodeBlock = async ({
data-line-numbers={showLineNumbers || undefined}
dangerouslySetInnerHTML={{ __html: codeHighlighted }}
/>
{fullLang && (
{lang && (
<span className="text-foreground/75 bg-muted/40 absolute top-0 left-0 flex items-center rounded-tl-md rounded-br-lg border-r-2 border-b-2 py-[5px] pr-[10px] font-mono text-xs font-medium tracking-wide uppercase backdrop-blur-xs select-none">
<CodeIcon className="stroke-primary/90 mr-[8px] ml-[10px] inline-block size-[14px]" /> <span>{fullLang}</span>
<CodeIcon className="stroke-primary/90 mr-[8px] ml-[10px] inline-block size-[14px]" />
<span>{getFullLang(lang)}</span>
</span>
)}
{showCopyButton && (