Add some tags

src/app.css

@@ -36,7 +36,7 @@
   /* Card */
   div.card-leather {
     @apply shadow-none text-primary-1000 border-s-4 bg-highlight border-primary-200  has-[:hover]:border-primary-700;
-    @apply dark:bg-primary-1000 dark:border-primary-800 dark:has-[:hover]:border-primary-500;
+    @apply dark:bg-primary-1000 dark:border-primary-800 dark:has-[:hover]:bg-primary-950 dark:has-[:hover]:border-primary-500;
   }
 
   div.card-leather h1,
@@ -106,7 +106,7 @@
 
   /* Modal */
   div.modal-leather > div {
-    @apply bg-primary-0 dark:bg-primary-1000 border-b-[1px] border-primary-100 dark:border-primary-600;
+    @apply bg-primary-0 dark:bg-primary-950 border-b-[1px] border-primary-100 dark:border-primary-600;
   }
 
   div.modal-leather > div > h1,
@@ -119,7 +119,7 @@
   }
 
   div.modal-leather button {
-    @apply bg-primary-0 hover:bg-primary-0 dark:bg-primary-1000 dark:hover:bg-primary-1000 text-gray-800 hover:text-primary-400 dark:text-gray-300 dark:hover:text-primary-500;
+    @apply bg-primary-0 hover:bg-primary-0 dark:bg-primary-950 dark:hover:bg-primary-950 text-gray-800 hover:text-primary-400 dark:text-gray-300 dark:hover:text-primary-500;
   }
 
   /* Navbar */

src/lib/components/util/CardActions.svelte

@@ -27,6 +27,9 @@
   let summary: string = $derived(event.getMatchingTags('summary')[0]?.[1] ?? null);
   let type: string = $derived(event.getMatchingTags('type')[0]?.[1] ?? null);
   let language: string = $derived(event.getMatchingTags('l')[0]?.[1] ?? null);
+  let source: string = $derived(event.getMatchingTags('source')[0]?.[1] ?? null);
+  let publisher: string = $derived(event.getMatchingTags('published_by')[0]?.[1] ?? null);
+  let identifier: string = $derived(event.getMatchingTags('i')[0]?.[1] ?? null);
 
   let isOpen = $state(false);
 
@@ -180,13 +183,22 @@
       <h4 class='text-base font-normal mt-2'>Index author: <InlineProfile pubkey={event.pubkey} /></h4>
     </div>
 
-    <div class="flex flex-col pb-4">
+    <div class="flex flex-col pb-4 space-y-1">
+      {#if source !== null}
+        <h5 class="text-sm">Source: <a class="underline" href={source} target="_blank">{source}</a></h5>
+      {/if}
       {#if type !== null}
         <h5 class="text-sm">Publication type: {type}</h5>
       {/if}
       {#if language !== null}
         <h5 class="text-sm">Language: {language}</h5>
       {/if}
+      {#if publisher !== null}
+        <h5 class="text-sm">Published by: {publisher}</h5>
+      {/if}
+      {#if identifier !== null}
+        <h5 class="text-sm">{identifier}</h5>
+      {/if}
 
     </div>
 

tailwind.config.cjs

@@ -24,6 +24,7 @@ const config = {
           700: '#574229',
           800: '#342718',
           900: '#231a10',
+          950: '#17110A',
           1000: '#110d08',
         },
         success: {