fixes

fezcode · fezcode · commit 1e925efb5a4b · 2025-11-07T03:43:07.000+03:00
diff --git a/src/components/PostItem.js b/src/components/PostItem.js
@@ -45,6 +45,15 @@ const PostItem = ({ slug, title, date, updatedDate, category, series, seriesInde
       ? 'hover:bg-dnd-card-bg-hover'
       : 'hover:bg-takes-card-bg-hover';
 
+  const postTitleHoverColorClass =
+    category === 'dev'
+      ? 'group-hover:text-[var(--title-hover-dev)]'
+      : category === 'series'
+      ? 'group-hover:text-[var(--title-hover-series)]'
+      : category === 'd&d'
+      ? 'group-hover:text-[var(--title-hover-dnd)]'
+      : 'group-hover:text-[var(--title-hover-takes)]';
+
   return (
     <Link
       to={isSeries ? `/blog/${slug}` : `/blog/${slug}`}
@@ -67,7 +76,7 @@ const PostItem = ({ slug, title, date, updatedDate, category, series, seriesInde
                 {series} - Part {seriesIndex}
               </span>
             )}
-            <h2 className="text-xl font-semibold text-white group-hover:text-title-hover group-hover:underline transition-colors">
+            <h2 className={`text-xl font-semibold text-white ${postTitleHoverColorClass} group-hover:underline transition-colors`}>
               {title}
             </h2>
           </div>
@@ -76,7 +85,7 @@ const PostItem = ({ slug, title, date, updatedDate, category, series, seriesInde
               Update: {formattedUpdatedDate}
             </span>
           )}
-          <span className="ml-4 flex-shrink-0 text-sm font-medium text-primary-400 group-hover:text-title-hover group-hover:underline transition-colors">
+          <span className={`ml-4 flex-shrink-0 text-sm font-medium text-primary-400 ${postTitleHoverColorClass} group-hover:underline transition-colors`}>
             <span className="hidden sm:inline">{isSeries ? 'View Series' : 'Read post'}</span> &rarr;
           </span>
         </div>
diff --git a/src/index.css b/src/index.css
@@ -69,24 +69,29 @@ code {
 
 :root {
   /*dev card*/
-  --color-dev-badge: #345995;
-  --bg-dev-card: rgba(52, 89, 149, 0.3);
-  --bg-dev-card-hover: rgba(52, 89, 149, 0.55);
+  --color-dev-badge: #3d3d75;
+  --bg-dev-card: rgba(74, 78, 105, 0.3);
+  --bg-dev-card-hover: rgba(69, 75, 115, 0.55);
+  --title-hover-dev: #7b88dc;
+
 
   /*rant card*/
   --color-takes-badge: #065f46; /* emerald-800 */
   --bg-takes-card: rgba(6, 95, 70, 0.175);
   --bg-takes-card-hover: rgba(16, 185, 129, 0.275);
+  --title-hover-takes: #3CB371;
 
   /*series card*/
   --color-series-badge: #e11d48; /* rose-600 */
   --bg-series-card: rgba(225, 29, 72, 0.1);
   --bg-series-card-hover: rgba(225, 29, 72, 0.2);
+  --title-hover-series: #FF6347;
 
   /*dnd card*/
-  --color-dnd-badge: #583fa3; /* violet-400 */
-  --bg-dnd-card: rgba(139, 92, 246, 0.1);
-  --bg-dnd-card-hover: rgba(139, 92, 246, 0.2);
+  --color-dnd-badge: #AA4465;
+  --bg-dnd-card: rgba(170, 68, 101, 0.1);
+  --bg-dnd-card-hover: rgba(170, 68, 101, 0.2);
+  --title-hover-dnd: #D48090;
 
   /*fezccode colors*/
   --fzcdx-background: #ffffff;
diff --git a/src/pages/apps/IpPage.js b/src/pages/apps/IpPage.js
@@ -16,7 +16,7 @@ function IpPage() {
     fetch('/api/show-my-ip?format=json')
       .then(response => {
         if (!response.ok) {
-          throw new Error('Network response was not ok');
+          throw new Error('Network response was not OK!');
         }
         return response.json();
       })

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ function IpPage() {`
`16`	`16`	`fetch('/api/show-my-ip?format=json')`
`17`	`17`	`.then(response => {`
`18`	`18`	`if (!response.ok) {`
`19`		`- throw new Error('Network response was not ok');`
	`19`	`+ throw new Error('Network response was not OK!');`
`20`	`20`	`}`
`21`	`21`	`return response.json();`
`22`	`22`	`})`