make indentation lines more visible in light mode
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m4s

Took 2 minutes
This commit is contained in:
Braydon 2024-10-09 14:31:10 -04:00
parent d4209bc23d
commit 1634fb7520
2 changed files with 2 additions and 2 deletions

View File

@ -106,7 +106,7 @@ const OnThisPage = ({ page }: { page: DocsContentMetadata }): ReactElement => {
{/* Indentation */}
{header.level > 1 && (
<div
className="absolute left-0 top-0 bottom-0 border-l border-muted"
className="absolute left-0 top-0 bottom-0 border-l border-accent"
style={{
left: `${(header.level - 2) * 16 + 4}px`,
}}

View File

@ -56,7 +56,7 @@ const CategoryItem = ({
{depth > 0 && (
<div
className={cn(
"absolute left-0 bottom-0 border-l border-muted",
"absolute left-0 bottom-0 border-l border-accent",
isLast ? "h-[32px]" : "h-[100%]",
active && "border-primary"
)}