astro-blog-kit 0.3.8 → 0.4.0

package/components/BlogCard.astro

@@ -83,7 +83,7 @@ const isList = variant === "list";
 <style>
   .blog-card {
     border: 2px solid var(--bk-gray-200);
-    background-color: var(--bk-white);
+    background-color: var(--bk-surface);
     overflow: hidden;
     transition: transform 0.3s ease, border-color 0.3s ease;
   }

package/components/BlogList.astro

@@ -102,7 +102,7 @@ const blogBase = getBlogBase(locale, base);
 
 <style>
   .blog {
-    background-color: var(--bk-white);
+    background-color: var(--bk-background);
     padding: 6rem 1rem;
     min-height: 100vh;
   }
@@ -132,14 +132,14 @@ const blogBase = getBlogBase(locale, base);
   .blog__title {
     font-size: clamp(3rem, 8vw, 5rem);
     font-weight: 700;
-    color: var(--bk-black);
+    color: var(--bk-text);
     line-height: 1;
     margin-bottom: 1rem;
   }
 
   .blog__title-highlight {
-    background-color: var(--bk-black);
-    color: var(--bk-yellow);
+    background-color: var(--bk-text);
+    color: var(--bk-accent);
     padding: 0 0.3rem;
   }
 

package/components/Pagination.astro

@@ -82,7 +82,7 @@ const pages = Array.from({ length: totalPages }, (_, i) => i + 1);
     place-items: center;
     font-weight: 700;
     font-size: 0.9rem;
-    color: var(--bk-muted);
+    color: var(--bk-text);
     border: 2px solid var(--bk-border);
     text-decoration: none;
     transition: var(--bk-transition);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-blog-kit",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "description": "A ready-to-use blog system for Astro with WordPress headless support, optional i18n, multiple layouts, and a comment system.",
   "type": "module",
   "license": "MIT",

package/templates/blog-page.astro.template

@@ -1,6 +1,7 @@
 ---
 import { BlogList } from "astro-blog-kit/components";
 import { createWPClient, getStaticPathsForPages } from "astro-blog-kit/utils";
+import { resolveHero, resolveUI } from 'astro-blog-kit';
 import config from "../../../../blog.config";
 __LAYOUT_IMPORT_PAGE__
 
@@ -12,15 +13,15 @@ export async function getStaticPaths() {
 
 const { posts, currentPage, totalPages } = Astro.props;
 
-const bt = {
+const t = {
   blog: {
-    tagline: "__T_TAGLINE__",
-    title_line1: "__T_TITLE_LINE1__",
-    title_line2: "__T_TITLE_LINE2__",
-    description: "__T_DESCRIPTION__",
-    btncta: "__T_BTNCTA__",
-    btn_prev: "__T_BTN_PREV__",
-    btn_next: "__T_BTN_NEXT__",
+    tagline:     hero.tagline,
+    title_line1: hero.titleLine1,
+    title_line2: hero.titleLine2,
+    description: hero.description,
+    btncta:      ui.readMoreLabel,
+    btn_prev:    ui.btnPrev,
+    btn_next:    ui.btnNext,
   },
 };
 

package/templates/blog-slug.astro.template

@@ -1,6 +1,7 @@
 ---
 import { BlogPost, Comments, CommentForm } from "astro-blog-kit/components";
 import { createWPClient, getStaticPathsForPosts } from "astro-blog-kit/utils";
+import { resolveHero, resolveUI } from 'astro-blog-kit';
 import config from "../../../blog.config";
 __LAYOUT_IMPORT_SLUG__
 
@@ -15,15 +16,15 @@ const { post } = Astro.props;
 const wp = createWPClient(config.wpUrl);
 const comments = post.id ? await wp.getComments(post.id) : [];
 
-const bt = {
+const t = {
   blog: {
-    tagline: "__T_TAGLINE__",
-    title_line1: "__T_TITLE_LINE1__",
-    title_line2: "__T_TITLE_LINE2__",
-    description: "__T_DESCRIPTION__",
-    btncta: "__T_BTNCTA__",
-    btn_prev: "__T_BTN_PREV__",
-    btn_next: "__T_BTN_NEXT__",
+    tagline:     hero.tagline,
+    title_line1: hero.titleLine1,
+    title_line2: hero.titleLine2,
+    description: hero.description,
+    btncta:      ui.readMoreLabel,
+    btn_prev:    ui.btnPrev,
+    btn_next:    ui.btnNext,
   },
 };
 ---