blue heading

PxlSyl · Apr 30, 2024 · 5ade1a1 · 5ade1a1
1 parent 47ee9a4
commit 5ade1a1
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 8 deletions.
diff --git a/app/[locale]/Main.tsx b/app/[locale]/Main.tsx
@@ -29,7 +29,7 @@ export default async function Home({ posts, params: { locale } }: HomeProps) {
     <>
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-heading-400 dark:text-heading-400 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
             {t('greeting')}
           </h1>
           <p className="text-lg leading-7 text-gray-500 dark:text-gray-400">{t('description')}</p>

diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
@@ -1,6 +1,6 @@
 import { sortPosts, allCoreContent } from 'pliny/utils/contentlayer'
 import { allBlogs } from 'contentlayer/generated'
-import Featured from './Featured'
+import Featured from '@/layouts/Featured'
 import Main from './Main'
 import { LocaleTypes } from './i18n/settings'
 

diff --git a/app/[locale]/projects/page.tsx b/app/[locale]/projects/page.tsx
@@ -22,7 +22,7 @@ export default async function Projects({ params: { locale } }: ProjectsProps) {
     <>
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-heading-400 dark:text-heading-400 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
             {t('title')}
           </h1>
           <p className="text-lg leading-7 text-gray-500 dark:text-gray-400">{t('description')}</p>

diff --git a/app/[locale]/tags/page.tsx b/app/[locale]/tags/page.tsx
@@ -32,7 +32,7 @@ export default async function Page({ params: { locale } }: TagsProps) {
     <>
       <div className="flex flex-col items-start justify-start divide-y divide-gray-200 dark:divide-gray-700 md:mt-24 md:flex-row md:items-center md:justify-center md:space-x-6 md:divide-y-0">
         <div className="space-x-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:border-r-2 md:px-6 md:text-6xl md:leading-14">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-heading-400 dark:text-heading-400 sm:text-4xl sm:leading-10 md:border-r-2 md:px-6 md:text-6xl md:leading-14">
             Tags
           </h1>
         </div>

diff --git a/layouts/AuthorLayout.tsx b/layouts/AuthorLayout.tsx
@@ -24,7 +24,7 @@ export default async function AuthorLayout({
     <>
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-heading-400 dark:text-heading-400 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
             {t('about')}
           </h1>
         </div>

diff --git a/app/[locale]/Featured.tsx → layouts/Featured.tsx b/app/[locale]/Featured.tsx → layouts/Featured.tsx
@@ -1,8 +1,8 @@
 import Link from '@/components/Link'
 import Tag from '@/components/Tag'
 import { formatDate } from 'pliny/utils/formatDate'
-import { createTranslation } from './i18n/server'
-import { LocaleTypes } from './i18n/settings'
+import { createTranslation } from 'app/[locale]/i18n/server'
+import { LocaleTypes } from 'app/[locale]/i18n/settings'
 
 interface Post {
   slug: string
@@ -28,7 +28,7 @@ export default async function Featured({ posts, params: { locale } }: HomeProps)
     <>
       <div className="divide-y divide-gray-200 border-b border-gray-200 dark:divide-gray-700 dark:border-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-blue-400 dark:text-blue-400 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-heading-400 dark:text-heading-400 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
             {t('featured')}
           </h1>
         </div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -26,6 +26,7 @@ module.exports = {
       },
       colors: {
         primary: colors.pink,
+        heading: colors.blue,
         gray: colors.gray,
       },
       typography: ({ theme }) => ({