Merge pull request #1580 from appwrite/markdoc-accordion-styles

fix typo, update accordion title

CONTENT.md

@@ -296,7 +296,7 @@ Configure FCM for push notification to Android and Apple devices.
 
 #### Accordions
 
-Use accordions to reduce page size and collapse information that's not important when a reader is skilling the page.
+Use accordions to reduce page size and collapse information that's not important when a reader is scrolling the page.
 
 ```
 {% accordion %}

src/lib/components/Accordion/Item.svelte

@@ -8,12 +8,12 @@
         <summary
             class="collapsible-button flex cursor-pointer list-none appearance-none items-center justify-between marker:hidden [&::-webkit-details-marker]:hidden"
         >
-            <span class="text">{title}</span>
+            <span class="text-primary text-sub-body font-medium">{title}</span>
             <div class="icon text-primary transition-transform group-[&[open]]:rotate-180">
                 <span class="icon-cheveron-down" aria-hidden="true" />
             </div>
         </summary>
-        <div class="collapsible-content flex flex-col">
+        <div class="collapsible-content text-secondary text-sub-body flex flex-col">
             <slot />
         </div>
     </details>