diff --git a/themes/example/LayoutBase.js b/themes/example/LayoutBase.js
index 7898c47d..b8f41545 100644
--- a/themes/example/LayoutBase.js
+++ b/themes/example/LayoutBase.js
@@ -29,7 +29,7 @@ const LayoutBase = props => {
   }
 
   return (
-    <div>
+    <div className='dark:text-gray-300'>
       <CommonHead meta={meta} />
       {/* 导航菜单 */}
       <div className="w-full flex justify-center my-2">
diff --git a/themes/example/LayoutIndex.js b/themes/example/LayoutIndex.js
index 817bcdfb..1ef35344 100644
--- a/themes/example/LayoutIndex.js
+++ b/themes/example/LayoutIndex.js
@@ -18,7 +18,7 @@ export const LayoutIndex = props => {
   return (
     <LayoutBase {...props}>
       {posts.map(p => (
-        <div key={p.id} className='border my-12'>
+        <div key={p.id} className='border p-4 my-12'>
           <Link href={`/article/${p.slug}`}>
             <a className='underline cursor-pointer'>{p.title}</a>
           </Link>