From e98c0b62a55c2251563da06df2c030c41a22a990 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sun, 9 Apr 2023 08:16:38 +0300
Subject: [PATCH] create tab_animated_active_border.css

---
 chrome/tab_animated_active_border.css | 32 +++++++++++++++++++++++++++
 html_resources/tagmap.json            |  3 ++-
 tags.csv                              |  1 +
 3 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 chrome/tab_animated_active_border.css

diff --git a/chrome/tab_animated_active_border.css b/chrome/tab_animated_active_border.css
new file mode 100644
index 0000000..a4e8a53
--- /dev/null
+++ b/chrome/tab_animated_active_border.css
@@ -0,0 +1,32 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_animated_active_border.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Creates a colorful animated border around active tab */
+
+@keyframes filter{from{ filter: hue-rotate(0deg) } to { filter: hue-rotate(360deg) }}
+ 
+.tabbrowser-tab[selected] > .tab-stack::before{
+  grid-area: 1/1;
+  content: "";
+  display: inherit;
+  margin-block: var(--tab-block-margin);
+  border-radius: var(--tab-border-radius);
+  z-index: 0;
+  background-image: conic-gradient(
+    hsl(0 100% 70%),
+    hsl(60 100% 45%) 70deg,
+    hsl(120 100% 55%) 105deg,
+    hsl(160 100% 60%) 160deg,
+    hsl(200 100% 60%) 200deg,
+    hsl(240 100% 65%) 255deg,
+    hsl(300 100% 60%) 290deg,
+    hsl(360 100% 70%) 360deg);
+  background-size: cover;
+  background-position: center;
+  animation: filter steps(30) 2s infinite;
+}
+.tab-background[selected]{
+  border: 1px solid transparent !important;
+  outline: none !important;
+  background-clip: padding-box !important;
+}
\ No newline at end of file
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index d669fda..c10a7e6 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -159,5 +159,6 @@
 "window_control_placeholder_support.css":["window-control","patch"],
 "vertical_urlbar_one-off_items.css":["urlbar"],
 "overlay_sidebar_header.css":["sidebar","hack"],
-"compact_extensions_panel.css":["popup","menu","minimal"]
+"compact_extensions_panel.css":["popup","menu","minimal"],
+"tab_animated_active_border.css":["tab","effect","colors"]
 }
diff --git a/tags.csv b/tags.csv
index f747753..4851bce 100644
--- a/tags.csv
+++ b/tags.csv
@@ -159,3 +159,4 @@ window_control_placeholder_support.css,window-control,patch
 vertical_urlbar_one-off_items.css,urlbar
 overlay_sidebar_header.css,sidebar,hack
 compact_extensions_panel.css,popup,menu,minimal
+tab_animated_active_border.css,tab,effect,colors