From 2b1c5ce1b2f99816fc34c80aa3f74222c1a61c37 Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Mon, 19 Aug 2024 14:21:14 -0600
Subject: [PATCH] Add weird bubble tabs to fancy theme

---
 pixelegg/css/fancy.css  | 11 +++++++++++
 pixelegg/css/fancy.less | 16 ++++++++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css
index 2576d7bbc1..60390d7af9 100644
--- a/pixelegg/css/fancy.css
+++ b/pixelegg/css/fancy.css
@@ -7202,3 +7202,14 @@ img.et2_button_icon[src*="svg"]:hover {
   --sl-border-radius-medium: 20px;
   --sl-input-border-radius-medium: var(--sl-border-radius-medium);
 }
+:root et2-tabbox,
+:host et2-tabbox,
+.sl-theme-light et2-tabbox {
+  --track-width: 0px;
+}
+:root et2-tabbox et2-tab[active]::part(base),
+:host et2-tabbox et2-tab[active]::part(base),
+.sl-theme-light et2-tabbox et2-tab[active]::part(base) {
+  border: 1px solid;
+  border-radius: var(--sl-border-radius-pill);
+}
diff --git a/pixelegg/css/fancy.less b/pixelegg/css/fancy.less
index a0d8fb93e7..baa3c2787f 100644
--- a/pixelegg/css/fancy.less
+++ b/pixelegg/css/fancy.less
@@ -9,6 +9,18 @@
 
 // overwriting pixelegg.less and Shoelace light theme
 :root, :host, .sl-theme-light {
-	--sl-border-radius-medium: 20px;
-	--sl-input-border-radius-medium: var(--sl-border-radius-medium);
+  --sl-border-radius-medium: 20px;
+  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
+
+
+  et2-tabbox {
+	--track-width: 0px;
+
+	et2-tab[active] {
+	  &::part(base) {
+		border: 1px solid;
+		border-radius: var(--sl-border-radius-pill);
+	  }
+	}
+  }
 }
\ No newline at end of file