From d12be6a9fc8bafb919185434732b16d165e7e1b3 Mon Sep 17 00:00:00 2001
From: uncenter <47499684+uncenter@users.noreply.github.com>
Date: Thu, 28 Mar 2024 19:03:22 -0400
Subject: [PATCH 1/3] feat(instagram): theme story ring around profile picture

---
 styles/instagram/catppuccin.user.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/styles/instagram/catppuccin.user.css b/styles/instagram/catppuccin.user.css
index 1f4a2dac38..d90efaf79a 100644
--- a/styles/instagram/catppuccin.user.css
+++ b/styles/instagram/catppuccin.user.css
@@ -125,6 +125,28 @@
       background-color: @accent-color !important;
     }
 
+    /* Story seen / not seen ring */
+    button:has(canvas + span > img[alt$="'s profile picture"]) {
+      canvas {
+        display: none;
+      }
+        
+      span {
+        outline-style: solid;
+        outline-offset: 0.15rem;
+      }
+        
+        
+      &[aria-label^="Story by"][aria-label$="not seen"] span {
+        outline-color: @mauve;
+        outline-width: 0.2rem;
+      }
+      &[aria-label^="Story by"]:not([aria-label$="not seen"]) span {
+        outline-color: @surface2;
+        outline-width: 0.1rem;
+      }
+    }
+
     /* Posts */
     ._aggc {
       background-color: @mantle;

From 861f5e49e0c78d989463b4a1a9b396f88471207e Mon Sep 17 00:00:00 2001
From: uncenter <47499684+uncenter@users.noreply.github.com>
Date: Thu, 28 Mar 2024 19:04:24 -0400
Subject: [PATCH 2/3] chore(instagram): bump version

---
 styles/instagram/catppuccin.user.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles/instagram/catppuccin.user.css b/styles/instagram/catppuccin.user.css
index d90efaf79a..4241f40f32 100644
--- a/styles/instagram/catppuccin.user.css
+++ b/styles/instagram/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name Instagram Catppuccin
 @namespace github.com/catppuccin/userstyles/styles/instagram
 @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/instagram
-@version 0.2.0
+@version 0.2.1
 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css
 @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram
 @description Soothing pastel theme for Instagram

From 678dc654b399a1e8b7ce168dcca2bf558d81e240 Mon Sep 17 00:00:00 2001
From: uncenter <47499684+uncenter@users.noreply.github.com>
Date: Thu, 28 Mar 2024 19:41:30 -0400
Subject: [PATCH 3/3] fix(instagram): smaller seen ring

---
 styles/instagram/catppuccin.user.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles/instagram/catppuccin.user.css b/styles/instagram/catppuccin.user.css
index 4241f40f32..12c08936ad 100644
--- a/styles/instagram/catppuccin.user.css
+++ b/styles/instagram/catppuccin.user.css
@@ -143,7 +143,7 @@
       }
       &[aria-label^="Story by"]:not([aria-label$="not seen"]) span {
         outline-color: @surface2;
-        outline-width: 0.1rem;
+        outline-width: 0.075rem;
       }
     }