action button

src/ButtonGroup.svelte

@@ -23,7 +23,7 @@
       {i == 0 && 'rounded-l-md'}
       {i == tabs.length-1 && 'rounded-r-md'} 
       border border-gray-800 text-sm font-medium focus:z-10 focus:outline-none 
-      {currentlySelected === i? 'bg-lightButton2 text-lightButton1' : 'bg-gray-100 text-gray-800'}
+      {currentlySelected === i? 'bg-lightButtonBg text-lightBg dark:bg-darkButtonBg dark:text-darkBg' : 'bg-lightPrimCont text-lightPrimary'}
      "
   >
      {tab}

src/ItemDetail.svelte

@@ -77,7 +77,6 @@
     </h3>
     <div class="">
       <div class="mb-10 flex flex-col sm:flex-row md:flex-col lg:flex-row">
-        <!-- book image  -->
         <div class="flex-nowrap">
           {#if item.image}
             <img class="mr-6 mb-6 w-44 h-64 transform rounded-md shadow-md transition duration-300 ease-out hover:scale-105 md:shadow-xl" src="{item.image}" alt="{item.name}" />