bump docubook version 1.13.6

styles/editor.css

@@ -1,57 +0,0 @@
-/* GitHub-style editor customizations */
-.editor-container {
-  @apply relative font-mono text-sm leading-relaxed;
-  height: 100%;
-  min-height: 600px;
-}
-
-.editor-textarea {
-  @apply w-full h-full min-h-[600px] p-4 pl-14 bg-background resize-none focus:outline-none;
-  line-height: 1.5rem;
-  tab-size: 2;
-  counter-reset: line;
-}
-
-/* Line numbers */
-.editor-line-numbers {
-  @apply absolute left-0 top-0 bottom-0 w-10 bg-muted/30 border-r select-none;
-  padding: 1rem 0;
-  overflow: hidden;
-}
-
-.editor-line-numbers-content {
-  @apply text-right pr-2 text-muted-foreground/70;
-  font-size: 13px;
-  line-height: 1.5rem;
-}
-
-.editor-line-numbers-content > div {
-  height: 1.5rem;
-}
-
-.editor-line-numbers-content > div::before {
-  content: attr(data-line-number);
-  display: block;
-}
-
-/* Selection styling */
-.editor-textarea::selection {
-  @apply bg-primary/20;
-}
-
-.dark .editor-textarea::selection {
-  @apply bg-primary/30;
-}
-
-/* Scrollbar styling */
-.editor-textarea::-webkit-scrollbar {
-  @apply w-2;
-}
-
-.editor-textarea::-webkit-scrollbar-track {
-  @apply bg-transparent;
-}
-
-.editor-textarea::-webkit-scrollbar-thumb {
-  @apply bg-muted-foreground/20 rounded-full hover:bg-muted-foreground/30;
-}

styles/globals.css

@@ -3,65 +3,64 @@
 @tailwind utilities;
 
 @import url("../styles/syntax.css");
-@import url("../styles/editor.css");
 
-/* ocean */
+/* Modern Blue Theme with Primary #0353D3 */
 @layer base {
     :root {
-        --background: 210 60% 97%; /* Lighter sky blue */
-        --foreground: 220 30% 10%; /* Deep navy */
-        --card: 210 50% 99%; /* Almost white blue */
-        --card-foreground: 220 30% 10%;
-        --popover: 210 50% 99%;
-        --popover-foreground: 220 30% 10%;
-        --primary: 220 85% 55%; /* Vibrant azure blue */
-        --primary-foreground: 210 60% 97%;
-        --secondary: 220 40% 80%; /* Softer sky blue */
-        --secondary-foreground: 220 30% 10%;
-        --muted: 220 40% 80%;
-        --muted-foreground: 220 30% 30%; /* Deeper steel blue */
-        --accent: 200 75% 38%; /* Stronger ocean blue */
-        --accent-foreground: 0 0% 100%; /* Pure white */
-        --destructive: 0 70% 50%; /* More vivid red */
-        --destructive-foreground: 220 30% 95%; /* Lightened foreground */
-        --border: 220 20% 85%; /* Slightly darker grey-blue */
-        --input: 220 20% 85%;
-        --ring: 220 50% 50%; /* More noticeable blue ring */
+        --background: 210 40% 98%;
+        --foreground: 220 30% 15%;
+        --card: 0 0% 100%;
+        --card-foreground: 220 30% 15%;
+        --popover: 0 0% 100%;
+        --popover-foreground: 220 30% 15%;
+        --primary: 215 100% 42%; /* #0353D3 */
+        --primary-foreground: 0 0% 100%;
+        --secondary: 215 30% 90%;
+        --secondary-foreground: 220 30% 15%;
+        --muted: 215 20% 92%;
+        --muted-foreground: 220 15% 50%;
+        --accent: 215 100% 35%;
+        --accent-foreground: 0 0% 100%;
+        --destructive: 0 85% 60%;
+        --destructive-foreground: 0 0% 100%;
+        --border: 215 20% 85%;
+        --input: 215 20% 85%;
+        --ring: 215 100% 42%;
         --radius: 0.5rem;
-        --chart-1: 210 65% 45%; /* Classic blue */
-        --chart-2: 220 45% 60%; /* Softer sky */
-        --chart-3: 220 75% 45%; /* Azure blue */
-        --chart-4: 200 65% 50%; /* Ocean blue */
-        --chart-5: 240 35% 35%; /* Deeper teal */
+        --chart-1: 215 100% 42%;
+        --chart-2: 200 100% 40%;
+        --chart-3: 220 76% 60%;
+        --chart-4: 190 90% 50%;
+        --chart-5: 230 86% 45%;
         --line-number-color: rgba(0, 0, 0, 0.05);
     }
 
     .dark {
-        --background: 220 20% 8%; /* Deeper midnight navy */
-        --foreground: 220 85% 92%; /* Brighter sky blue */
-        --card: 220 20% 10%; /* Slightly darker midnight */
-        --card-foreground: 220 85% 92%;
-        --popover: 220 20% 10%;
-        --popover-foreground: 220 85% 92%;
-        --primary: 210 75% 65%; /* Softer but bright blue */
-        --primary-foreground: 220 20% 8%;
-        --secondary: 220 35% 12%; /* Darker steel blue */
-        --secondary-foreground: 220 85% 92%;
-        --muted: 220 35% 12%;
-        --muted-foreground: 210 25% 80%; /* Pale navy */
-        --accent: 220 85% 55%; /* Vibrant azure blue */
-        --accent-foreground: 220 85% 92%;
-        --destructive: 0 75% 50%; /* More noticeable red */
-        --destructive-foreground: 220 85% 92%;
-        --border: 220 35% 12%; /* Darker steel blue */
-        --input: 220 35% 12%;
-        --ring: 220 65% 55%; /* Vivid blue ring */
-        --chart-1: 210 65% 45%; /* Classic blue */
-        --chart-2: 220 45% 60%; /* Softer sky */
-        --chart-3: 220 75% 45%; /* Azure blue */
-        --chart-4: 200 65% 50%; /* Ocean blue */
-        --chart-5: 240 35% 35%; /* Deeper teal */
-        --line-number-color: rgba(255, 255, 255, 0.05);
+        --background: 220 25% 8%;
+        --foreground: 210 30% 98%;
+        --card: 220 25% 12%;
+        --card-foreground: 210 30% 98%;
+        --popover: 220 25% 12%;
+        --popover-foreground: 210 30% 98%;
+        --primary: 217 91% 60%; /* Slightly adjusted for better visibility */
+        --primary-foreground: 0 0% 100%;
+        --secondary: 215 25% 18%;
+        --secondary-foreground: 210 30% 98%;
+        --muted: 215 20% 22%;
+        --muted-foreground: 215 20% 75%;
+        --accent: 215 100% 60%;
+        --accent-foreground: 0 0% 100%;
+        --destructive: 0 85% 65%;
+        --destructive-foreground: 0 0% 100%;
+        --border: 215 20% 28%;
+        --input: 215 20% 22%;
+        --ring: 217 91% 60%;
+        --chart-1: 217 91% 60%;
+        --chart-2: 200 100% 60%;
+        --chart-3: 220 90% 70%;
+        --chart-4: 190 100% 65%;
+        --chart-5: 230 90% 60%;
+        --line-number-color: rgba(255, 255, 255, 0.12);
     }
 }
 
@@ -119,22 +118,6 @@ pre>code {
   background-color: transparent !important;
 }
 
-.line-clamp-3 {
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.line-clamp-2 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 @layer utilities {
     .animate-shine {
       --animate-shine: shine var(--duration) infinite linear;

styles/syntax.css

@@ -1,23 +1,20 @@
-/* ocean */
+/* Modern Blue Theme with Primary #0353D3 */
 /* Light Mode */
 .keyword {
-  color: #2563eb;
-  /* Vibrant Blue */
+  color: #1e40af; /* Darker blue for better contrast */
 }
 
 .function {
-  color: #0284c7;
-  /* Deep Sky Blue */
+  color: #0369a1; /* Deep blue */
 }
 
 .punctuation {
-  color: #475569;
-  /* Cool Slate Gray */
+  color: #4b5563; /* Slate gray */
 }
 
 .comment {
-  color: #64748b;
-  /* Muted Slate */
+  color: #6b7280; /* Muted gray */
+  font-style: italic;
 }
 
 .string,
@@ -25,34 +22,29 @@
 .annotation,
 .boolean,
 .number {
-  color: #0369a1;
-  /* Dark Cyan */
+  color: #0d9488; /* Teal for better distinction */
 }
 
 .tag {
-  color: #1e40af;
-  /* Indigo */
+  color: #1e40af; /* Matching keyword color */
 }
 
 .attr-name {
-  color: #0ea5e9;
-  /* Light Sky Blue */
+  color: #1d4ed8; /* Slightly lighter blue */
 }
 
 .attr-value {
-  color: #2563eb;
-  /* Bright Blue */
+  color: #2563eb; /* Primary blue */
 }
 
 /* Dark Mode */
 .dark .keyword {
-  color: #93c5fd;
-  /* Soft Blue */
+  color: #60a5fa; /* Soft blue - good contrast on dark */
+  font-weight: 500;
 }
 
 .dark .function {
-  color: #38bdf8;
-  /* Sky Blue */
+  color: #38bdf8; /* Sky blue */
 }
 
 .dark .string,
@@ -60,23 +52,37 @@
 .dark .annotation,
 .dark .boolean,
 .dark .number {
-  color: #60a5fa;
-  /* Light Blue */
+  color: #2dd4bf; /* Teal - good visibility */
 }
 
 .dark .tag {
-  color: #3b82f6;
-  /* Bold Blue */
+  color: #60a5fa; /* Matching keyword color */
 }
 
 .dark .attr-name {
-  color: #67e8f9;
-  /* Aqua */
+  color: #7dd3fc; /* Lighter blue - better visibility */
 }
 
 .dark .attr-value {
-  color: #93c5fd;
-  /* Frosty Blue */
+  color: #60a5ff; /* Brighter blue - better visibility */
+}
+
+.dark .comment {
+  color: #94a3b8; /* Light gray - better contrast for dark mode */
+  font-style: italic;
+}
+
+.dark .punctuation {
+  color: #cbd5e1; /* Lighter gray - better visibility */
+  opacity: 0.8;
+}
+
+.dark .operator {
+  color: #cbd5e1; /* Light gray for operators */
+}
+
+.dark .selector {
+  color: #f472b6; /* Pink for selectors - better visibility */
 }
 
 .youtube {