···

       
31
       
31
       
 
       
          "flex items-center gap-2 rounded-xl border px-3 py-2": true,

     

       
32
       
32
       
 
       
          "bg-neutral-200/60 border-neutral-300 dark:border-neutral-500 dark:bg-neutral-700":

     

       
33
       
33
       
 
       
            theme() === props.theme,

     

       
34
       
34
       
-
       
          "border-neutral-200 dark:border-neutral-600 hover:bg-neutral-100 dark:hover:bg-neutral-800":

     

       
34
       
34
       
+
       
          "border-neutral-200 dark:border-neutral-600 hover:bg-neutral-200/30 dark:hover:bg-neutral-800":

     

       
35
       
35
       
 
       
            theme() !== props.theme,

     

       
36
       
36
       
 
       
        }}

     

       
37
       
37
       
 
       
        onclick={() => updateTheme(props.theme)}