more colors.

fezcode · fezcode · commit c56e3edaf62a · 2025-10-17T00:00:01.000+03:00
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -33,7 +33,7 @@ const Footer = () => {
               <Link to="/logs" className="text-primary-400 hover:text-white transition-colors" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>Logs</Link>
             </div>
             <p className="text-sm text-gray-500">
-              &copy; {new Date().getFullYear()} fezcode. All rights reserved. <code> v0.0.6 </code>
+              &copy; {new Date().getFullYear()} fezcode. All rights reserved. <code> v0.0.7 </code>
             </p>
           </div>
         </div>
diff --git a/src/components/ProjectCard.js b/src/components/ProjectCard.js
@@ -6,7 +6,7 @@ const ProjectCard = ({ project, size = 1 }) => {
   const colSpanClass = size === 2 ? 'md:col-span-2' : size === 3 ? 'md:col-span-3' : 'col-span-1';
 
   return (
-    <Link to={`/projects/${project.slug}`} className={`block bg-gray-800/10 p-6 rounded-lg shadow-lg hover:bg-gray-800/20 transition-colors border border-gray-700/50 cursor-pointer flex flex-col ${colSpanClass}`}>
+    <Link to={`/projects/${project.slug}`} className={`block bg-gray-500/10 p-6 rounded-lg shadow-lg hover:bg-gray-500/20 transition-colors border border-gray-700/50 cursor-pointer flex flex-col ${colSpanClass}`}>
       <h3 className="text-xl font-semibold text-white">{project.title}</h3>
       <p className="mt-2 text-gray-400 flex-grow">{project.description}</p>
       <a href={project.link || `/projects/${project.slug}`} target="_blank" rel="noopener noreferrer" className="mt-4 inline-block text-red-500 hover:text-red-300 transition-colors mt-auto flex items-center">
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -30,10 +30,10 @@ module.exports = {
         'title-hover': '#fdd4a6', // orange-200
         'markdown-title-color': '#fed7aa', // orange-200
         'markdown-hx-color': '#ffedd5', // orange-100
-        'dev-card-bg': 'rgba(68, 64, 60, 0.1)', // stone-900/10
-        'dev-card-bg-hover': 'rgba(120, 113, 108, 0.2)', // stone-500/20
-        'takes-card-bg': 'rgba(6, 95, 70, 0.15)', // emerald-900/15
-        'takes-card-bg-hover': 'rgba(16, 185, 129, 0.2)', // emerald-500/20
+        'dev-card-bg': 'rgba(68, 64, 59, 0.3)', // stone-700
+        'dev-card-bg-hover': 'rgba(68, 64, 59, 0.55)', // stone-700/20
+        'takes-card-bg': 'rgba(6, 95, 70, 0.175)', // emerald-900/15
+        'takes-card-bg-hover': 'rgba(16, 185, 129, 0.275)', // emerald-500/20
       },
       typography: (theme) => ({
         dark: {
