From 78773de2fdb5d9620ed5c3cf4996c933f32b6971 Mon Sep 17 00:00:00 2001 From: Sithumli Nanayakkara <136576939+Sithumli@users.noreply.github.com> Date: Sat, 31 Jan 2026 17:30:32 +0530 Subject: [PATCH 01/23] chore: update ASSETS_CDN_BASE to use the main branch for asset hosting (#23) --- template/src/types/constants.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/template/src/types/constants.ts b/template/src/types/constants.ts index 5236cc8..0dca849 100644 --- a/template/src/types/constants.ts +++ b/template/src/types/constants.ts @@ -2,7 +2,7 @@ export const SITE_TITLE = 'DocuBase'; export const SITE_DESCRIPTION = 'Beautiful documentation that scales with your product'; export const GITHUB_URL = 'https://github.com/Sithumli/DocuBase'; -export const ASSETS_CDN_BASE = 'https://cdn.jsdelivr.net/gh/Sithumli/DocuBase@__DOCUBASE_VERSION__/assets'; +export const ASSETS_CDN_BASE = 'https://cdn.jsdelivr.net/gh/Sithumli/DocuBase@main/assets'; export const BANNER_IMAGES = { docs: `${ASSETS_CDN_BASE}/DocsBanner.webp`, From cf41e414bb5dd5d6920f10b2aaf00544906ac58b Mon Sep 17 00:00:00 2001 From: Sithumli Nanayakkara Date: Sun, 1 Feb 2026 21:54:17 +0530 Subject: [PATCH 02/23] feat: enhance dark mode support across components and styles - Updated Breadcrumb component to support dark mode styles. - Enhanced Button component with dark mode background and hover effects. - Modified Cloud component to display different SVGs for light and dark modes. - Improved FeatureCard component with dark mode text and background colors. - Added dark mode styles to FlipCard component for better visibility. - Updated Footer component to include dark mode background and text colors. - Enhanced Header component with dark mode support for text and backgrounds. - Improved Hero component to support dark mode text colors. - Updated ReadTime component for dark mode text color. - Enhanced SectionHeader component with dark mode text color. - Updated Sidebar component to support dark mode text colors. - Enhanced TableOfContents component with dark mode styles for links and backgrounds. - Updated BaseLayout and DocsLayout to support dark mode background and text colors. - Enhanced various pages (about, blog, docs, tutorials) for dark mode text colors. - Improved global styles for prose in both light and dark modes. --- template/src/components/BlogCard.astro | 10 +- template/src/components/BottomNav.astro | 74 ++++------ template/src/components/Breadcrumb.astro | 8 +- template/src/components/Button.astro | 34 +++++ template/src/components/Cloud.astro | 26 +++- template/src/components/FeatureCard.astro | 12 +- template/src/components/FlipCard.astro | 40 ++++++ template/src/components/Footer.astro | 8 +- template/src/components/Header.astro | 97 +++++++++++-- template/src/components/Hero.astro | 8 +- template/src/components/ReadTime.astro | 2 +- template/src/components/SectionHeader.astro | 2 +- template/src/components/Sidebar.astro | 4 +- template/src/components/TableOfContents.astro | 24 ++-- template/src/layouts/BaseLayout.astro | 2 +- template/src/layouts/DocsLayout.astro | 8 +- template/src/pages/about.astro | 4 +- template/src/pages/blog/index.astro | 4 +- template/src/pages/docs/index.astro | 4 +- template/src/pages/tutorials/index.astro | 4 +- template/src/styles/global.css | 132 +++++++++++++++++- 21 files changed, 394 insertions(+), 113 deletions(-) diff --git a/template/src/components/BlogCard.astro b/template/src/components/BlogCard.astro index 2630d91..bc3d07a 100644 --- a/template/src/components/BlogCard.astro +++ b/template/src/components/BlogCard.astro @@ -7,18 +7,18 @@ const { title, description, date, readTime = DEFAULTS.BLOG_CARD.readTime, image, {image && ( -
+
{title}
)}
-

{title}

-

{description}

-
+

{title}

+

{description}

+
{date} diff --git a/template/src/components/BottomNav.astro b/template/src/components/BottomNav.astro index cb118fa..2585382 100644 --- a/template/src/components/BottomNav.astro +++ b/template/src/components/BottomNav.astro @@ -20,20 +20,20 @@ const defaultFallbackLinks: NavTarget[] = fallbackLinks || [ ]; --- -
+
{showProgress && ( -
+
- + Page {context.currentIndex} of {context.totalInBlock} {context.blockTitle && ` in ${context.blockTitle}`} - {Math.round((context.currentIndex / context.totalInBlock) * 100)}% complete + {Math.round((context.currentIndex / context.totalInBlock) * 100)}% complete
-
+
@@ -44,13 +44,12 @@ const defaultFallbackLinks: NavTarget[] = fallbackLinks || [ {prev ? ( - +
- Previous - + Previous + {prev.title}
@@ -62,16 +61,15 @@ const defaultFallbackLinks: NavTarget[] = fallbackLinks || [ {next ? (
- Next - + Next + {next.title}
- + ) : (
@@ -79,27 +77,26 @@ const defaultFallbackLinks: NavTarget[] = fallbackLinks || [ ) : showFallback ? (
-
- +
+
-

+

You've reached the end!

-

+

Explore other content to continue your journey

{defaultFallbackLinks.map((link) => ( -
+
{link.title}
{link.description && ( -
+
{link.description}
)} @@ -113,42 +110,25 @@ const defaultFallbackLinks: NavTarget[] = fallbackLinks || [
-
Up Next
-
+
Up Next
+
{nextBlock.title}
{nextBlock.description && ( -
+
{nextBlock.description}
)}
- +
)}
- - diff --git a/template/src/components/Breadcrumb.astro b/template/src/components/Breadcrumb.astro index 837224a..77492a9 100644 --- a/template/src/components/Breadcrumb.astro +++ b/template/src/components/Breadcrumb.astro @@ -4,16 +4,16 @@ import type { BreadcrumbProps } from '@/types'; const { items } = Astro.props as BreadcrumbProps; --- -