@docubook/create 1.15.0 → 1.15.2

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

@@ -1,161 +0,0 @@
----
-title: Fresh Lime
-description: A fresh and vibrant freshlime-themed color scheme that's easy on the eyes while maintaining excellent readability.
-date: 2025-05-30
----
-
-## Styles
-<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>
-
-<Tabs defaultValue="globals" className="pt-5 pb-1">
-  <TabsList>
-    <TabsTrigger value="globals">globals.css</TabsTrigger>
-    <TabsTrigger value="syntax">syntax.css</TabsTrigger>
-  </TabsList>
-  <TabsContent value="globals">
-    ```css:globals.css
-    /* Fresh Lime Theme */
-@layer base {
-    :root {
-        --background: 85 45% 98%;
-        --foreground: 85 30% 10%;
-        --card: 0 0% 100%;
-        --card-foreground: 85 30% 10%;
-        --popover: 0 0% 100%;
-        --popover-foreground: 85 30% 10%;
-        --primary: 85 70% 45%;
-        --primary-foreground: 0 0% 100%;
-        --secondary: 85 40% 90%;
-        --secondary-foreground: 85 30% 10%;
-        --muted: 85 30% 92%;
-        --muted-foreground: 85 15% 45%;
-        --accent: 85 60% 40%;
-        --accent-foreground: 0 0% 100%;
-        --destructive: 0 85% 60%;
-        --destructive-foreground: 0 0% 100%;
-        --border: 85 25% 88%;
-        --input: 85 25% 88%;
-        --ring: 85 70% 45%;
-        --radius: 0.5rem;
-        --chart-1: 85 70% 45%;
-        --chart-2: 85 60% 40%;
-        --chart-3: 85 80% 40%;
-        --chart-4: 85 85% 35%;
-        --chart-5: 85 90% 30%;
-        --line-number-color: rgba(0, 0, 0, 0.05);
-    }
-
-    .dark {
-        --background: 85 20% 8%;
-        --foreground: 85 30% 96%;
-        --card: 85 20% 10%;
-        --card-foreground: 85 30% 96%;
-        --popover: 85 20% 10%;
-        --popover-foreground: 85 30% 96%;
-        --primary: 85 75% 55%;
-        --primary-foreground: 85 20% 8%;
-        --secondary: 85 25% 18%;
-        --secondary-foreground: 85 30% 96%;
-        --muted: 85 20% 20%;
-        --muted-foreground: 85 20% 70%;
-        --accent: 85 70% 50%;
-        --accent-foreground: 0 0% 100%;
-        --destructive: 0 85% 65%;
-        --destructive-foreground: 0 0% 100%;
-        --border: 85 25% 22%;
-        --input: 85 25% 22%;
-        --ring: 85 75% 55%;
-        --chart-1: 85 75% 55%;
-        --chart-2: 85 70% 50%;
-        --chart-3: 85 80% 45%;
-        --chart-4: 85 85% 40%;
-        --chart-5: 85 90% 35%;
-        --line-number-color: rgba(255, 255, 255, 0.1);
-    }
-}
-```
-</TabsContent>
-
-  <TabsContent value="syntax">
-    ```css:syntax.css
-/* Fresh Lime Theme - Syntax Highlighting */
-
-/* Light Mode */
-.keyword {
-  color: hsl(85 70% 30%); /* Dark lime green */
-}
-
-.function {
-  color: hsl(85 65% 35%); /* Slightly lighter lime */
-}
-
-.punctuation {
-  color: hsl(85 15% 50%); /* Muted green-gray */
-}
-
-.comment {
-  color: hsl(85 15% 50%); /* Muted green-gray */
-  font-style: italic;
-}
-
-.string,
-.constant,
-.annotation,
-.boolean,
-.number {
-  color: hsl(85 50% 35%); /* Medium lime green */
-}
-
-.tag {
-  color: hsl(85 70% 25%); /* Darker lime */
-}
-
-.attr-name {
-  color: hsl(85 60% 35%); /* Lime green */
-}
-
-.attr-value {
-  color: hsl(85 70% 30%); /* Dark lime green */
-}
-
-/* Dark Mode */
-.dark .keyword {
-  color: hsl(85 75% 65%); /* Bright lime */
-}
-
-.dark .function {
-  color: hsl(85 75% 60%); /* Slightly less bright lime */
-}
-
-.dark .string,
-.dark .constant,
-.dark .annotation,
-.dark .boolean,
-.dark .number {
-  color: hsl(85 60% 70%); /* Light lime */
-}
-
-.dark .tag {
-  color: hsl(85 70% 70%); /* Bright lime */
-}
-
-.dark .attr-name {
-  color: hsl(85 65% 70%); /* Light lime */
-}
-
-.dark .attr-value {
-  color: hsl(85 75% 65%); /* Bright lime */
-}
-
-.dark .comment {
-  color: hsl(85 15% 60%); /* Light gray-green */
-}
-
-.dark .punctuation {
-  color: hsl(85 20% 70%); /* Light gray-green */
-}
-```
-</TabsContent>
-</Tabs>

package/src/dist/contents/docs/getting-started/theme-colors/index.mdx

@@ -1,9 +0,0 @@
----
-title : Theme Colors
-description : Color system used in DocuBook for styling UI elements
-date : 2025-05-20
----
-
-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.
-
-<Outlet path="getting-started/theme-colors" />

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

@@ -1,77 +0,0 @@
----
-title: Llms.txt - Generate Custom Theme
-description: Complete guide for creating and using AI-generated custom themes based on LLMS context.
-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>
-  <StepperItem title="Step 1: Access LLM for Color Generation">
-    Ensure you have access to a language model (LLM) that supports color palette generation
-  </StepperItem>
-  <StepperItem title="Step 2: Prepare Color Context">
-    Share the content of the [llms.txt](/llms.txt) file with the AI to provide the current color scheme context.
-  </StepperItem>
-  <StepperItem title="Step 3: Define Color Requirements">
-    Determine your preferred color scheme or theme requirements
-  </StepperItem>
-  <StepperItem title="Step 4: Generate New Theme">
-    Use the following prompt to request a new theme from the AI:
-
-    ```markdown
-    Create a new color theme based on the provided context with the following requirements:
-    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>
-
-## Implementation
-After receiving the new color palette:
-
-1. Copy the generated CSS code to your theme file
-2. Update CSS variables in `globals.css`
-3. Adjust syntax colors in `syntax.css` if needed
-4. Test the theme across different devices and display modes
-
-## Example Implementation
-```css
-:root {
-  --primary: 210 81% 56%;  /* Primary color */
-  --secondary: 210 30% 90%;  /* Secondary color */
-  /* ... and so on */
-}
-
-.dark {
-  --primary: 210 100% 65%;  /* Dark mode primary color */
-  /* ... and so on */
-}
-```
-
-## Tips and Recommendations
-- Always test color contrast to ensure accessibility
-- Maintain consistency with existing themes
-- Use tools like [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/) to verify contrast ratios
-- Keep backups of previous theme versions before making major changes
-
-## Troubleshooting
-- If colors don't change, ensure CSS variables are properly imported
-- Check CSS selector specificity if styles conflict
-- Verify dark/light mode toggling is working correctly