sk/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(theme): Fix markdown to show text with the prose plugin

Browse source
This commit is contained in:
Willie Zutz 2025-08-09 23:08:09 -06:00
parent 8063f37cbf
commit 9670003970
6 changed files with 1266 additions and 1491 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/globals.css
View file

@ -3,6 +3,10 @@
@import 'react-resizable/css/styles.css';
@import 'tailwindcss';
@plugin '@tailwindcss/typography';
/* Make dark: variants depend on html.dark or [data-theme="dark"] */
@custom-variant dark (&:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *));
/* Theme tokens */
@theme {

7
src/app/layout.tsx
View file

@ -25,12 +25,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html
className="h-full dark"
lang="en"
suppressHydrationWarning
data-theme="dark"
>
<html className="h-full" lang="en" suppressHydrationWarning>
<head>
<link
rel="search"

2
src/components/MarkdownRenderer.tsx
View file

@ -370,7 +370,7 @@ const MarkdownRenderer = ({
<div className="relative">
<Markdown
className={cn(
'prose prose-h1:mb-3 prose-h2:mb-2 prose-h2:mt-6 prose-h2:font-[800] prose-h3:mt-4 prose-h3:mb-1.5 prose-h3:font-[600] prose-p:leading-relaxed prose-pre:p-0 font-[400]',
'prose prose-theme dark:prose-invert prose-h1:mb-3 prose-h2:mb-2 prose-h2:mt-6 prose-h2:font-[800] prose-h3:mt-4 prose-h3:mb-1.5 prose-h3:font-[600] prose-p:leading-relaxed prose-pre:p-0 font-[400]',
'prose-code:bg-transparent prose-code:p-0 prose-code:text-inherit prose-code:font-normal prose-code:before:content-none prose-code:after:content-none',
'prose-pre:bg-transparent prose-pre:border-0 prose-pre:m-0 prose-pre:p-0',
'prose-strong:font-bold',