From 3198bbd33025fd03e3d8cf63b44c1f22b8be9f9b Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Thu, 30 Nov 2023 09:35:14 +0100
Subject: [PATCH] Add a yellow-outline Badge variant

---
 src/components/Badge.svelte      | 7 +++++++
 src/views/projects/Layout.svelte | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Badge.svelte b/src/components/Badge.svelte
index 69446d77d..e1f381d34 100644
--- a/src/components/Badge.svelte
+++ b/src/components/Badge.svelte
@@ -3,6 +3,7 @@
     | "caution"
     | "foreground"
     | "background"
+    | "yellowOutline"
     | "neutral"
     | "negative"
     | "positive"
@@ -46,6 +47,11 @@
     color: var(--color-foreground-match-background);
     background-color: var(--color-fill-secondary);
   }
+  .yellow-outline {
+    border: 1px solid var(--color-foreground-yellow);
+    color: var(--color-foreground-yellow);
+    background-color: transparent;
+  }
   .negative {
     color: var(--color-foreground-match-background);
     background-color: var(--color-foreground-red);
@@ -88,6 +94,7 @@
   class:small={size === "small"}
   class:medium={size === "medium"}
   class:caution={variant === "caution"}
+  class:yellow-outline={variant === "yellowOutline"}
   class:background={variant === "background"}
   class:foreground={variant === "foreground"}
   class:neutral={variant === "neutral"}
diff --git a/src/views/projects/Layout.svelte b/src/views/projects/Layout.svelte
index 15bcb972d..b0200b831 100644
--- a/src/views/projects/Layout.svelte
+++ b/src/views/projects/Layout.svelte
@@ -91,7 +91,7 @@
       </Link>
     </span>
     {#if project.visibility && project.visibility.type === "private"}
-      <Badge variant="caution" size="tiny">
+      <Badge variant="yellowOutline" size="tiny">
         {capitalize(project.visibility.type)}
       </Badge>
     {/if}