Skip to content

De-purplize code blocks #992

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
toolmantim wants to merge 2 commits into from
Closed

De-purplize code blocks #992

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
53847ac
Clean up code block styles
toolmantim Feb 20, 2025
33b9331
Merge branch 'main' into tl/less-purple-code-blocks
toolmantim Feb 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions src/components/CopyButton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,20 +22,20 @@ export function CopyButton({ text, lang }: { text: string, lang: string }) {
}

return (
<div className="absolute inline-flex items-center top-0 pt-1 right-0 left-0 w-full border-b-0.1 border-gray-500 rounded-t-lg shadow">
<div className="absolute inline-flex items-center top-0 pt-0.5 pb-0.5 right-0 left-0 w-full border-b-0.1 border-gray-500 rounded-t-lg shadow">
<div className="relative flex justify-between items-center w-full">
<div className="text-white text-sm pl-2">{lang.toUpperCase()}</div>
<div className="text-xs pl-3 pt-0.5 text-dark-text-muted">{lang.toUpperCase()}</div>
<div className="relative">
<button
onClick={handleCopy}
onMouseEnter={() => setShowTooltip(true)}
onMouseLeave={() => setShowTooltip(false)}
className="relative flex items-center justify-center p-2 text-white-500 rounded transition duration-300 ease-in-out hover:scale-125 focus:outline-none"
className="relative flex items-center justify-center mr-1 p-2 rounded transition text-gray-300 hover:text-white focus:outline-none"
>
{copied ? (
<CheckIcon className="h-5 w-5 text-green-400" aria-hidden="true" />
<CheckIcon className="h-4 w-4 text-green-400" aria-hidden="true" />
) : (
<DocumentDuplicateIcon className="h-5 w-5" aria-hidden="true" />
<DocumentDuplicateIcon className="h-4 w-4" aria-hidden="true" title="Copy to clipboard" />
)}
</button>
{showTooltip && copied && (
Expand Down
2 changes: 1 addition & 1 deletion src/components/Prose.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ export function Prose<T extends React.ElementType = 'div'>({
// link underline
'prose-a:underline prose-a:decoration-link-light hover:prose-a:text-link-light hover:prose-a:underline dark:prose-a:no-underline dark:hover:prose-a:underline',
// pre
'prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-800/60 dark:prose-pre:shadow-none dark:prose-pre:ring-1 dark:prose-pre:ring-slate-300/10',
'prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-900 dark:prose-pre:shadow-none prose-pre:border prose-pre:border-slate-300 dark:prose-pre:border-slate-700',
// hr
'dark:prose-hr:border-slate-800',
//table head alignment
Expand Down
3 changes: 0 additions & 3 deletions src/styles/tailwind.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,6 @@
[inert] ::-webkit-scrollbar {
display: none;
}
pre {
@apply !bg-sop-700;
}
/* h1, h2, h3, h4, h5, h6 {
@apply font-sans font-bulky;
}
Expand Down