From 89b9be087c9b9f3ec2d72456e0e1d686e377d935 Mon Sep 17 00:00:00 2001
From: Rafael Mardojai CM <email@rafaelmardojai.com>
Date: Sat, 15 Jul 2023 22:42:41 -0500
Subject: [PATCH] tabsbar: Improve container tabs styles

Related to #464
---
 theme/colors/dark.css   |  6 ++++++
 theme/colors/light.css  |  9 +++++++++
 theme/parts/tabsbar.css | 39 ++++++++++++++++++++++++++++++++++++---
 3 files changed, 51 insertions(+), 3 deletions(-)

diff --git a/theme/colors/dark.css b/theme/colors/dark.css
index b1bfc66..3462b4a 100644
--- a/theme/colors/dark.css
+++ b/theme/colors/dark.css
@@ -37,6 +37,12 @@
 		--gnome-tabbar-tab-active-background-contrast: #4F4F4F; /* Hardcoded color */
 		--gnome-tabbar-tab-active-hover-background: #4b4b4b; /* Hardcoded color */
 		
+		--gnome-tabbar-identity-color-green: var(--gnome-palette-green-1);
+		--gnome-tabbar-identity-color-yellow: var(--gnome-palette-yellow-2);
+		--gnome-tabbar-identity-color-orange: var(--gnome-palette-orange-3);
+		--gnome-tabbar-identity-color-red: var(--gnome-palette-red-1);
+		--gnome-tabbar-identity-color-purple: var(--gnome-palette-purple-1);
+		
 		/* Text color for Firefox Logo in new private tab */
 		--gnome-private-wordmark: #FBFBFE;
 		/* New private tab background */
diff --git a/theme/colors/light.css b/theme/colors/light.css
index d61468e..1716141 100644
--- a/theme/colors/light.css
+++ b/theme/colors/light.css
@@ -122,6 +122,15 @@
 	--gnome-tabbar-tab-active-background-contrast: #c0c0c0; /* Hardcoded color */
 	--gnome-tabbar-tab-active-hover-background: #d2d2d2; /* Hardcoded color */
 	--gnome-tabbar-tab-needs-attetion: var(--gnome-accent);
+	
+	--gnome-tabbar-identity-color-blue: var(--gnome-accent);
+	--gnome-tabbar-identity-color-turquoise: #00c79a;
+	--gnome-tabbar-identity-color-green: var(--gnome-palette-green-5);
+	--gnome-tabbar-identity-color-yellow: #ae7b03;
+	--gnome-tabbar-identity-color-orange: var(--gnome-palette-orange-4);
+	--gnome-tabbar-identity-color-red: var(--gnome-palette-red-3);
+	--gnome-tabbar-identity-color-pink: #ff4b84;
+	--gnome-tabbar-identity-color-purple: var(--gnome-palette-purple-4);
 		
 	/* Text color for Firefox Logo in new private tab */
 	--gnome-private-wordmark: #20123A;
diff --git a/theme/parts/tabsbar.css b/theme/parts/tabsbar.css
index 985f834..915a32b 100644
--- a/theme/parts/tabsbar.css
+++ b/theme/parts/tabsbar.css
@@ -397,14 +397,47 @@ tab {
 	display: none !important;
 }
 
-/* Remove container bottom line indicator */
+/* Tba containers */
 .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
 	display: none;
 }
-
-/* Create new container tab indicator */
 .tabbrowser-tab[class*="identity-color-"] .tab-label-container {
 	color: var(--identity-tab-color) !important;
+	font-weight: bold !important;
+}
+.identity-color-blue,
+.identity-color-turquoise,
+.identity-color-green,
+.identity-color-yellow,
+.identity-color-orange,
+.identity-color-red,
+.identity-color-pink,
+.identity-color-purple {
+	--identity-icon-color: var(--identity-tab-color) !important;
+}
+.identity-color-blue {
+  --identity-tab-color: var(--gnome-tabbar-identity-color-blue)  !important;
+}
+.identity-color-turquoise {
+	--identity-tab-color: var(--gnome-tabbar-identity-color-turquoise) !important;
+}
+.identity-color-green {
+	--identity-tab-color: var(--gnome-tabbar-identity-color-green) !important;
+}
+.identity-color-yellow {
+	--identity-tab-color: var(--gnome-tabbar-identity-color-yellow) !important;
+}
+.identity-color-orange {
+	--identity-tab-color: var(--gnome-tabbar-identity-color-orange) !important;
+}
+.identity-color-red {
+	--identity-tab-color: var(--gnome-tabbar-identity-color-red) !important;
+}
+.identity-color-pink {
+	--identity-tab-color: var(--gnome-tabbar-identity-color-pink) !important;
+}
+.identity-color-purple {
+	--identity-tab-color: var(--gnome-tabbar-identity-color-purple) !important;
 }
 
 /* Needs attetion tab indicator */