chore: Release v0.0.1-alpha.4 (#96)

* 🐛 fix: header dark mode Signed-off-by: Zach <[email protected]> * chore(deps): update dependency nbump to ^2.0.7 (#95) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * 🐛 fix: home dark mode Signed-off-by: Zach <[email protected]> * chore(release): release v0.0.1-alpha.4 --------- Signed-off-by: Zach <[email protected]> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Zach677 · Sep 30, 2024 · d3f0bbb · d3f0bbb
1 parent 4855f34
commit d3f0bbb
Show file tree

Hide file tree

Showing 9 changed files with 44 additions and 25 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # CHANGELOG
 
-## [0.0.1-alpha.3](https://github.com/Zach677/TechTrek/compare/v0.0.1-alpha.1...v0.0.1-alpha.3) (2024-09-29)
+## [0.0.1-alpha.4](https://github.com/Zach677/TechTrek/compare/v0.0.1-alpha.1...v0.0.1-alpha.4) (2024-09-30)
 
 
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TechTrek",
-  "version": "0.0.1-alpha.3",
+  "version": "0.0.1-alpha.4",
   "private": false,
   "packageManager": "[email protected]",
   "description": "My Simple Personal website",
@@ -61,7 +61,7 @@
     "happy-dom": "^15.7.4",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
-    "nbump": "^2.0.4",
+    "nbump": "^2.0.7",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/(app)/(home)/layout.tsx b/src/app/(app)/(home)/layout.tsx
@@ -3,5 +3,5 @@ export default function HomeLayout({
 }: {
   children: React.ReactNode
 }) {
-  return <div className="bg-gray-50">{children}</div>
+  return <div>{children}</div>
 }
diff --git a/src/app/(app)/(home)/page.tsx b/src/app/(app)/(home)/page.tsx
@@ -7,7 +7,7 @@ import { SocialMaps } from './components/SocialMaps'
 
 export default function Home() {
   return (
-    <div className="container mx-auto flex flex-col px-6 py-40">
+    <div className="container mx-auto px-6 py-20">
       <div className="mb-40 flex flex-col items-center space-y-8 md:flex-row md:items-start md:space-x-20 md:space-y-8">
         <motion.div
           initial={{ opacity: 0, x: -20 }}
@@ -30,8 +30,8 @@ export default function Home() {
           transition={{ duration: 0.5, delay: 0.2 }}
           className="grow text-center md:text-left"
         >
-          <h1 className="mb-4 text-4xl font-bold text-gray-800">Zach</h1>
-          <p className="mb-6 text-xl text-gray-600">
+          <h1 className="my-3 text-4xl font-medium leading-loose">Zach</h1>
+          <p className="text-xl leading-loose">
             Hi, I'm Zach. I love coding and exploring new technologies. Welcome
             to my personal space where I share my thoughts and projects.
           </p>

diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
@@ -4,7 +4,7 @@ import { Root } from '~/components/layout/root/Root'
 
 export const metadata: Metadata = {
   title: 'TechTrek',
-  description: 'Happy Day',
+  description: 'Happy a good day!',
   icons: {
     icon: [
       { url: '/favicon.ico' },
@@ -22,7 +22,7 @@ export default function RootLayout({
   return (
     <html lang="zh-CN">
       <body>
-        <div data-theme>
+        <div id="root" data-theme>
           <Root>{children}</Root>
         </div>
       </body>

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/display-name */
 import { NotFound404 } from '~/components/common/404'
 
 // TODO button style optimization

diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx
@@ -5,12 +5,12 @@ import Link from 'next/link'
 
 export const Header = () => {
   return (
-    <header className="fixed inset-x-0 top-0 z-50 bg-white bg-opacity-80 backdrop-blur-md">
+    <header className="fixed inset-x-0 top-0 z-50 backdrop-blur-md">
       <nav className="container mx-auto flex items-center justify-between p-4">
-        <Link href="/" className="text-2xl font-bold text-gray-800">
+        <Link href="/" className="text-2xl font-bold">
           Zach's Home
         </Link>
-        <ul className="flex space-x-6">
+        <ul className="flex space-x-6 px-4 font-medium">
           {['Home', 'Posts', 'Friends'].map((item) => (
             <motion.li
               key={item}
@@ -19,7 +19,7 @@ export const Header = () => {
             >
               <Link
                 href={item === 'Home' ? '/' : `/${item.toLowerCase()}`}
-                className="text-gray-600 hover:text-gray-800"
+                className="text-primary hover:text-secondary"
               >
                 {item}
               </Link>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -5,6 +5,24 @@ import type { Config } from 'tailwindcss'
 
 require('./cssAsPlugin')
 
+const UIKitColors = {
+  // Label
+  label: {
+    primary: {
+      dark: '#FFF',
+      light: '#000',
+    },
+  },
+
+  // Background
+  background: {
+    primary: {
+      light: '#fff',
+      dark: '#1C1C1E',
+    },
+  },
+}
+
 const config: Config = {
   content: ['./src/**/*.{js,jsx,ts,tsx}'],
   darkMode: ['class', '[data-theme="dark"]'],
@@ -45,22 +63,24 @@ const config: Config = {
         light: {
           'color-scheme': 'light',
 
-          primary: '#32ADE6',
+          primary: '#33A6B8',
 
-          secondary: '#AF52DE',
+          secondary: '#A8D8B9',
 
-          'base-100': '#fff',
+          'base-100': UIKitColors.background.primary.light,
+          'base-content': UIKitColors.label.primary.light,
         },
       },
       {
         dark: {
           'color-scheme': 'dark',
 
-          primary: '#64D2FF',
+          primary: '#F596AA',
 
-          secondary: '#BF5AF2',
+          secondary: '#FB966E',
 
-          'base-100': '#1C1C1E',
+          'base-100': UIKitColors.background.primary.dark,
+          'base-content': UIKitColors.label.primary.dark,
         },
       },
     ],