diff --git a/src/app/components/sidebar.tsx b/src/app/components/sidebar.tsx
index a14273d..78f2388 100644
--- a/src/app/components/sidebar.tsx
+++ b/src/app/components/sidebar.tsx
@@ -23,8 +23,8 @@ export default function Sidebar() {
                 href={link.url}
                 className={
                   pathname === link.url
-                    ? 'py-1 px-0 text-base text-[#0070f3] active:font-semibold'
-                    : 'py-1 px-0 text-base text-[#444] dark:text-[#888] active:font-semibold'
+                    ? 'py-1 px-0 text-base text-black dark:text-[#fff] font-semibold'
+                    : 'py-1 px-0 text-base text-[#666] dark:text-[#666] hover:text-black dark:hover:text-[#fff]'
                 }
                 key={link.name}
               >
diff --git a/src/app/components/toc.tsx b/src/app/components/toc.tsx
index ae0ce54..dae138e 100644
--- a/src/app/components/toc.tsx
+++ b/src/app/components/toc.tsx
@@ -79,7 +79,6 @@ const Headings = ({
         <a
           href={`#${heading.id}`}
           className={classNames(
-            'hover:text-gray-900 dark:hover:text-gray-100',
             {
               2: 'pl-0',
               3: 'pl-4',
@@ -88,8 +87,8 @@ const Headings = ({
               6: 'pl-16',
             }[heading.level],
             activeId === heading.id
-              ? 'text-[#0070f3]'
-              : 'text-gray-600 dark:text-gray-400'
+              ? 'text-black dark:text-[#fff] font-semibold'
+              : 'text-[#666] dark:text-[#666] hover:text-black dark:hover:text-[#fff]'
           )}
           onClick={(e) => {
             e.preventDefault();