fix(docs): added new workflow block image, fixed operator issue on null properties (#1747)

* fix(docs): added new workflow block image, fixed operator issue on null properties

* reverted layout change

* fix navbar color in light mode

Author: waleedlatif1

apps/docs/app/[lang]/[[...slug]]/page.tsx

@@ -9,8 +9,6 @@ import { CodeBlock } from '@/components/ui/code-block'
 import { CopyPageButton } from '@/components/ui/copy-page-button'
 import { source } from '@/lib/source'
 
-export const dynamic = 'force-dynamic'
-
 export default async function Page(props: { params: Promise<{ slug?: string[]; lang: string }> }) {
   const params = await props.params
   const page = source.getPage(params.slug, params.lang)

apps/docs/app/global.css

@@ -52,9 +52,7 @@
 
 /* Light mode navbar and search styling */
 :root:not(.dark) nav {
-  background-color: hsla(0, 0%, 96%, 0.92) !important;
-  backdrop-filter: blur(25px) saturate(180%) brightness(1.05) !important;
-  -webkit-backdrop-filter: blur(25px) saturate(180%) brightness(1.05) !important;
+  background-color: hsla(0, 0%, 96%, 0.85) !important;
 }
 
 :root:not(.dark) nav button[type="button"] {
@@ -68,6 +66,13 @@
   color: rgba(0, 0, 0, 0.6) !important;
 }
 
+/* Dark mode navbar and search styling */
+:root.dark nav {
+  background-color: hsla(0, 0%, 7.04%, 0.92) !important;
+  backdrop-filter: blur(25px) saturate(180%) brightness(0.6) !important;
+  -webkit-backdrop-filter: blur(25px) saturate(180%) brightness(0.6) !important;
+}
+
 /* ============================================
    Custom Sidebar Styling (Turborepo-inspired)
    ============================================ */

apps/docs/components/navbar/navbar.tsx

@@ -11,9 +11,8 @@ export function Navbar() {
     <nav
       className='sticky top-0 z-50 border-border/50 border-b'
       style={{
-        backgroundColor: 'hsla(0, 0%, 7.04%, 0.92)',
-        backdropFilter: 'blur(25px) saturate(180%) brightness(0.6)',
-        WebkitBackdropFilter: 'blur(25px) saturate(180%) brightness(0.6)',
+        backdropFilter: 'blur(25px) saturate(180%)',
+        WebkitBackdropFilter: 'blur(25px) saturate(180%)',
       }}
     >
       {/* Desktop: Single row layout */}