add icons

Author: ArthurFlag

assets/css/utilities.css

@@ -234,11 +234,11 @@
 }
 
 @utility sub-button {
-  @apply flex w-full items-start gap-2 rounded-sm px-2 py-2 text-left text-gray-700 transition-colors hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800;
+  @apply flex w-full items-center gap-2 rounded-sm px-2 py-2 text-left text-gray-600 transition-colors hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800;
 }
 
 @utility dropdown-base {
-  @apply rounded-sm border border-gray-300 bg-white text-gray-700 dark:border-gray-300 dark:bg-gray-900 dark:text-gray-100;
+  @apply rounded-sm border border-gray-300 bg-white text-gray-600 dark:border-gray-300 dark:bg-gray-900 dark:text-gray-100;
 }
 
 @utility toc {

assets/icons/claude.svg

@@ -63,7 +63,7 @@
         class="sub-button"
       >
         <span class="icon-svg mt-[2px] text-base leading-none">
-          {{ partial "icon" "search" }}
+          {{ partial "icon" "/icons/openai.svg" }}
         </span>
         <div class="leading-tight">
           <div class="text-base">Open in ChatGPT</div>
@@ -76,7 +76,7 @@
         class="sub-button"
       >
         <span class="icon-svg mt-[2px] text-base leading-none">
-          {{ partial "icon" "search" }}
+          {{ partial "icon" "/icons/claude.svg" }}
         </span>
         <div class="leading-tight">
           <div class="text-base">Open in Claude</div>
@@ -149,7 +149,7 @@
         .then((response) => response.text())
         .then((text) => {
           const encodedText = encodeURIComponent(text);
-        const claudeUrl = `https://claude.ai/chat?contextUrl=${currentUrl}`;
+        const claudeUrl = `https://claude.ai/chat?contextUrl=${encodedText}`;
         window.open(claudeUrl, '_blank');
         })
         .catch((err) => {