From 31e35cd1a1b2eeafa998e4fc5940be0a3e1a739f Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Sun, 4 Aug 2024 12:18:41 +0530
Subject: [PATCH] fix: divider colors.

---
 .../templates/template-[template]/+page.svelte  | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/project-[project]/functions/templates/template-[template]/+page.svelte b/src/routes/console/project-[project]/functions/templates/template-[template]/+page.svelte
index eecb0917e..5c64826f1 100644
--- a/src/routes/console/project-[project]/functions/templates/template-[template]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/templates/template-[template]/+page.svelte
@@ -27,7 +27,7 @@
     <div class="grid-300px-1fr">
         <section>
             <Collapsible>
-                <li class="collapsible-item">
+                <li class="collapsible-item-divider collapsible-item">
                     <h3 class="u-flex u-gap-16 body-text-2 u-bold u-padding-block-12">
                         Use cases
                         <span class="inline-tag">{$template.usecases.length}</span>
@@ -38,7 +38,7 @@
                         {/each}
                     </div>
                 </li>
-                <li class="collapsible-item">
+                <li class="collapsible-item-divider collapsible-item">
                     <h3 class="u-flex u-gap-16 body-text-2 u-bold u-padding-block-12">
                         Runtimes
                         <span class="inline-tag">{$template.runtimes.length}</span>
@@ -49,7 +49,7 @@
                         {/each}
                     </div>
                 </li>
-                <li class="collapsible-item">
+                <li class="collapsible-item-divider collapsible-item">
                     <section class="card u-margin-block-start-24">
                         <h4 class="body-text-1 u-bold">Published by</h4>
                         <img
@@ -113,3 +113,14 @@
         </section>
     </div>
 </Container>
+
+<style>
+    :global(.theme-dark .collapsible-item-divider:where(:not(:last-child))) {
+        border-block-end: solid .0625rem hsl(var(--color-neutral-150));
+    }
+
+    :global(.theme-light .collapsible-item-divider:where(:not(:last-child))) {
+        border-block-end: solid .0625rem hsl(var(--color-neutral-10));
+    }
+
+</style>
\ No newline at end of file