From fab699af129d395790334fbe7bea60b02ac7bd4c Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Sun, 9 Nov 2025 09:18:26 +0000 Subject: [PATCH] completionId: cgen-f73c27840bc84aacab3708f84a7bc72c cgen-f73c27840bc84aacab3708f84a7bc72c --- client/components/docs/DocsLayout.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/client/components/docs/DocsLayout.tsx b/client/components/docs/DocsLayout.tsx index f26257dc..0fe8b2b1 100644 --- a/client/components/docs/DocsLayout.tsx +++ b/client/components/docs/DocsLayout.tsx @@ -115,14 +115,15 @@ export default function DocsLayout({ const isCurrentPage = (path: string) => location.pathname === path; - // Subtle texture only for professional theme - very faint diagonal lines for depth + // Subtle geometric grid for professional theme - precise lines matching the logo aesthetic const gridPatternStyle = theme === "professional" ? { backgroundImage: ` - linear-gradient(135deg, transparent 24%, rgba(15, 23, 42, 0.01) 25%, rgba(15, 23, 42, 0.01) 26%, transparent 27%, transparent 74%, rgba(15, 23, 42, 0.01) 75%, rgba(15, 23, 42, 0.01) 76%, transparent 77%, transparent) + linear-gradient(0deg, transparent 24%, rgba(71, 85, 105, 0.015) 25%, rgba(71, 85, 105, 0.015) 26%, transparent 27%, transparent 74%, rgba(71, 85, 105, 0.015) 75%, rgba(71, 85, 105, 0.015) 76%, transparent 77%, transparent), + linear-gradient(90deg, transparent 24%, rgba(71, 85, 105, 0.015) 25%, rgba(71, 85, 105, 0.015) 26%, transparent 27%, transparent 74%, rgba(71, 85, 105, 0.015) 75%, rgba(71, 85, 105, 0.015) 76%, transparent 77%, transparent) `, - backgroundSize: "60px 60px", + backgroundSize: "80px 80px", } : undefined;