From b99478644319ab4b2311e5bf3c0673fefe6141d3 Mon Sep 17 00:00:00 2001
From: zahidalidev <m.zahidalidev@gmail.com>
Date: Fri, 14 Feb 2025 22:04:59 +0500
Subject: [PATCH 1/2] Fixed link color in light mode

---
 src/components/mdx/CustomLink.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/mdx/CustomLink.tsx b/src/components/mdx/CustomLink.tsx
index d8a95aa46..3e9285f6d 100644
--- a/src/components/mdx/CustomLink.tsx
+++ b/src/components/mdx/CustomLink.tsx
@@ -29,7 +29,7 @@ export const CustomLink: React.FC<CustomLinkProps> = ({
 	// Handling external links
 	if (href.startsWith('http')) {
 		return (
-			<a href={href} target="_blank" rel="noopener noreferrer" {...rest} className='no-underline hover-underline'> 
+			<a href={href} target="_blank" rel="noopener noreferrer" {...rest} className='no-underline text-vermilion-07'> 
 				{children}
 			</a>
 		);

From 5f80cb5c4060ab73d99bc8a14f1f80216d280dd0 Mon Sep 17 00:00:00 2001
From: zahidalidev <m.zahidalidev@gmail.com>
Date: Sat, 15 Feb 2025 00:11:14 +0500
Subject: [PATCH 2/2] Updated callout colors

---
 src/components/mdx/Callout.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/mdx/Callout.tsx b/src/components/mdx/Callout.tsx
index 8b1c4e215..540e10340 100644
--- a/src/components/mdx/Callout.tsx
+++ b/src/components/mdx/Callout.tsx
@@ -5,26 +5,27 @@ import {
 	LightBulbIcon,
 	ExclamationTriangleIcon
 } from '@heroicons/react/24/outline';
+import { NotebookPen } from 'lucide-react';
 
 const styles = {
 	note: {
 		container:
-			'border-sky-500/20 bg-sky-50/50 dark:border-sky-500/30 dark:bg-sky-500/10',
+			'border-sky-500/20 bg-sky-50/50 dark:border-[#002533] dark:bg-[#001118]',
 		icon: 'text-sky-500',
 
-		body: 'text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-slate-300 dark:prose-code:text-slate-300'
+		body: 'text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-[#85cfe9] dark:prose-code:text-[#85cfe9]'
 	},
 	info: {
 		container:
-			'dark:bg-slate-900 border-slate-300 dark:border-slate-200/20',
-		icon: 'text-inherit',
-		body: 'text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-slate-300 dark:prose-code:text-slate-300'
+			'border-sky-500/20 bg-sky-50/50 dark:border-[#002533] dark:bg-[#001118]',
+		icon: 'text-sky-500',
+		body: 'text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-[#85cfe9] dark:prose-code:text-[#85cfe9]'
 	},
 	tip: {
 		container:
-			'border-sky-500/20 bg-sky-50/50 dark:border-sky-500/30 dark:bg-sky-500/10',
+			'border-sky-500/20 bg-sky-50/50 dark:border-[#002533] dark:bg-[#001118]',
 		icon: 'text-sky-500',
-		body: 'text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-slate-300 dark:prose-code:text-slate-300'
+		body: 'text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-[#85cfe9] dark:prose-code:text-[#85cfe9]'
 	},
 	warning: {
 		container:
@@ -36,7 +37,7 @@ const styles = {
 
 const icons = {
 	note: (props: {className?: string}) => (
-		<InformationCircleIcon className={props.className} />
+		<NotebookPen className={props.className} />
 	),
 	info: (props: {className?: string}) => (
 		<InformationCircleIcon className={props.className} />