v8

fezcode · fezcode · commit d4e80771a49f · 2025-10-15T01:22:05.000+03:00
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -12,7 +12,7 @@ const Footer = () => {
               <p className="mt-4 text-sm text-gray-400">Subscribe to our newsletter to get the latest updates straight to your inbox.</p>
               <form className="mt-4 flex gap-2">
                 <input type="email" placeholder="Enter your email" className="bg-gray-800 text-white px-4 py-2 rounded-md w-full" />
-                <button type="submit" className="bg-teal-500 hover:bg-teal-600 text-white font-bold py-2 px-4 rounded-md transition-colors">Subscribe</button>
+                <button type="submit" className="bg-primary-500 hover:bg-primary-600 text-white font-bold py-2 px-4 rounded-md transition-colors">Subscribe</button>
               </form>
             </div>
             <div className="md:text-right">
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -26,7 +26,7 @@ const Navbar = () => {
           <Link to="/" className="text-sm font-medium hover:text-gray-300 transition-colors">Home</Link>
           <Link to="/blog" className="text-sm font-medium hover:text-gray-300 transition-colors">Blog</Link>
           <Link to="/projects" className="text-sm font-medium hover:text-gray-300 transition-colors">Projects</Link>
-          <button className="bg-teal-500 hover:bg-teal-600 text-white font-bold py-2 px-4 rounded-full transition-colors">
+          <button className="bg-primary-500 hover:bg-primary-600 text-white font-bold py-2 px-4 rounded-full transition-colors">
             Play Latest
           </button>
         </div>
diff --git a/src/components/PostMetadata.js b/src/components/PostMetadata.js
@@ -24,7 +24,7 @@ const PostMetadata = ({ metadata }) => {
               <Label>Tags</Label>
               <div className="flex flex-wrap gap-2 mt-2">
                 {metadata.tags.map(tag => (
-                  <span key={tag} className="bg-teal-400/10 text-teal-400 text-xs font-medium px-2.5 py-1 rounded-full">
+                  <span key={tag} className="bg-primary-400/10 text-primary-400 text-xs font-medium px-2.5 py-1 rounded-full">
                     {tag}
                   </span>
                 ))}
diff --git a/src/index.css b/src/index.css
@@ -4,6 +4,7 @@
 
 body {
   margin: 0;
+  background-color: #1a0a0a;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
diff --git a/src/pages/BlogPostPage.js b/src/pages/BlogPostPage.js
@@ -44,7 +44,7 @@ const BlogPostPage = () => {
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="lg:grid lg:grid-cols-4 lg:gap-8">
           <div className="lg:col-span-3">
-            <Link to="/blog" className="text-teal-400 hover:text-teal-500 transition-colors mb-8 block">
+            <Link to="/blog" className="text-primary-400 hover:text-primary-500 transition-colors mb-8 block">
               &larr; Back to Blog
             </Link>
             <div className="prose prose-xl prose-dark max-w-none">
diff --git a/src/pages/HomePage.js b/src/pages/HomePage.js
@@ -34,14 +34,15 @@ const HomePage = () => {
           </div>
         </div>
 
-        <div className="mt-16">
+        <div className="mt-8">
           <h2 className="text-2xl font-semibold tracking-tight text-white text-center">Recent Blog Posts</h2>
           <div className="mt-8">
             {posts.slice(0, 5).map(slug => (
               <PostItem key={slug} slug={slug} />
             ))}
           </div>
         </div>
+
       </div>
     </div>
   );
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -13,20 +13,20 @@ module.exports = {
         mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
       },
       colors: {
-        teal: {
-          400: '#2dd4bf',
-          500: '#14b8a6',
-          600: '#0d9488',
+        primary: {
+          400: '#f87171',
+          500: '#ef4444',
+          600: '#dc2626',
         },
       },
       typography: (theme) => ({
         dark: {
           css: {
             color: theme('colors.gray.300'),
             a: {
-              color: theme('colors.teal.400'),
+              color: theme('colors.primary.400'),
               '&:hover': {
-                color: theme('colors.teal.600'),
+                color: theme('colors.primary.600'),
               },
             },
 
