version 1.13.6 : improve search and sheetleftbar

app/page.tsx

@@ -25,7 +25,7 @@ export default function Home() {
             )}
           >
             <AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-100 hover:duration-300 hover:dark:text-neutral-200">
-              <span>🚀 New Version - Release v1.13.5</span>
+              <span>🚀 New Version - Release v1.13.6</span>
               <ArrowRightIcon className="ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5" />
             </AnimatedShinyText>
           </div>

components/leftbar.tsx

@@ -9,7 +9,7 @@ import {
 } from "@/components/ui/sheet";
 import { Logo, NavMenu } from "@/components/navbar";
 import { Button } from "@/components/ui/button";
-import { AlignLeftIcon, PanelLeftClose, PanelLeftOpen } from "lucide-react";
+import { LayoutGrid, PanelLeftClose, PanelLeftOpen } from "lucide-react";
 import { DialogTitle, DialogDescription } from "@/components/ui/dialog";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import DocsMenu from "@/components/docs-menu";
@@ -70,7 +70,7 @@ export function SheetLeftbar() {
     <Sheet>
       <SheetTrigger asChild>
         <Button variant="ghost" size="icon" className="max-lg:flex hidden">
-          <AlignLeftIcon />
+          <LayoutGrid />
         </Button>
       </SheetTrigger>
       <SheetContent className="flex flex-col gap-4 px-0" side="left">

components/search.tsx

@@ -132,10 +132,10 @@ export default function Search() {
           <div className="relative flex-1 cursor-pointer max-w-[140px]">
             <div className="flex items-center">
               <div className="md:hidden p-2 -ml-2">
-                <SearchIcon className="h-5 w-5 text-stone-500 dark:text-stone-400" />
+                <SearchIcon className="h-5 w-5 text-muted-foreground" />
               </div>
               <div className="hidden md:block w-full">
-                <SearchIcon className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-stone-500 dark:text-stone-400" />
+                <SearchIcon className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                 <Input
                   className="w-full rounded-full dark:bg-background/95 bg-background border h-9 pl-10 pr-0 sm:pr-4 text-sm shadow-sm overflow-ellipsis"
                   placeholder="Search"

contents/docs/changelog/version-1/index.mdx

@@ -8,6 +8,18 @@ date: 24-05-2025
   This changelog contains a list of all the changes made to the DocuBook template. It will be updated with each new release and will include information about new features, bug fixes, and other improvements.
 </Note>
 
+<div className="sr-only">
+### v 1.13.6
+</div>
+
+<Release version="1.13.6" date="2025-06-01" title="Improve sheet leftbar and search icon">
+  <Changes type="improved">
+    - Improve sheet leftbar and search icon
+    - color scheme for sheet leftbar
+    - color scheme for search icon
+  </Changes>
+</Release>
+
 <div className="sr-only">
 ### v 1.13.5
 </div>

contents/docs/getting-started/project-structure/index.mdx

@@ -6,7 +6,7 @@ date: 29-11-2024
 
 ## app
 
-This folder contains the main application code for Next.js, managing layouts, routing, and specific content pages. It is organized to support both the `docs` and `blog` sections, with dedicated pages and layouts for each section.
+This folder contains the main application code for Next.js, managing layouts, routing, and specific content pages. It is organized to support both the `docs` sections, with dedicated pages and layouts for each section.
 
 ```
 app                         // Main Next.js application folder

contents/docs/getting-started/theme-colors/coffee/index.mdx

@@ -6,8 +6,6 @@ date: 2025-05-30
 
 ## Styles
 
-DocuBook comes with a carefully designed color system that ensures consistency and accessibility across your documentation. The theme includes both light and dark modes, automatically adapting to the user's system preferences.
-
 <Note type="note" title="note">
   You can override the default styles by adding your own CSS variables in the `globals.css` and `syntax.css` files.
 </Note>

contents/docs/getting-started/theme-colors/default/index.mdx

@@ -5,9 +5,6 @@ date: 2025-05-20
 ---
 
 ## Styles
-
-DocuBook comes with a carefully designed color system that ensures consistency and accessibility across your documentation. The theme includes both light and dark modes, automatically adapting to the user's system preferences.
-
 <Note type="note" title="note">
   You can override the default styles by adding your own CSS variables in the `globals.css` and `syntax.css` files.
 </Note>

contents/docs/getting-started/theme-colors/freshlime/index.mdx

@@ -5,9 +5,6 @@ date: 2025-05-30
 ---
 
 ## Styles
-
-DocuBook comes with a carefully designed color system that ensures consistency and accessibility across your documentation. The theme includes both light and dark modes, automatically adapting to the user's system preferences.
-
 <Note type="note" title="note">
   You can override the default styles by adding your own CSS variables in the `globals.css` and `syntax.css` files.
 </Note>

contents/docs/getting-started/theme-colors/llms/index.mdx

@@ -7,6 +7,14 @@ date: 2025-05-31
 ## Introduction
 This document explains how to create and implement custom color themes using AI with LLMS context. The context includes a consistent color palette for both light and dark modes, along with syntax highlighting colors for code.
 
+## File Structure
+<Files>
+   <Folder name="styles">
+     <File name="globals.css" />
+     <File name="syntax.css" />
+   </Folder>
+</Files>
+
 ## Generate New Theme
 
 <Stepper>
@@ -24,11 +32,14 @@ This document explains how to create and implement custom color themes using AI
 
     ```markdown
     Create a new color theme based on the provided context with the following requirements:
-    1. Different primary color `#2281E3` - changes to your brand color
+    1. Different primary color #2281E3
     2. Maintain good contrast for accessibility
     3. Include variants for both light and dark modes
     4. Keep the same structure as the provided context
     ```
+<Note type="danger" title="Colors example">
+changes the value of Hex color `#2281E3` into your brand colors.
+</Note>
   </StepperItem>
 </Stepper>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docubook",
-  "version": "1.13.5",
+  "version": "1.13.6",
   "private": true,
   "scripts": {
     "dev": "next dev",