Add extra feature for high contrast active tab, closes #48

README.md

@@ -118,6 +118,10 @@ Alternatively you can run installation script with `-g` flag to auto install GNO
 
 	Limit the URL bar's autocompletion popup's width to the URL bar's width.
 
+- **active-tab-contrast.css**
+
+	Active tab better contrast.
+
 - **system-icons.css**
 
 	Use system theme icons instead of Adwaita icons included by theme.

theme/active-tab-contrast.css

@@ -0,0 +1,10 @@
+/* Better active tab contrast */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.tab-background[selected=true],
+:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not(#hack) {
+	background: var(--gnome-tabbar-tab-active-background-contrast) !important;
+	border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color-contrast) !important;
+}
+

theme/colors/dark.css

@@ -88,7 +88,9 @@
 		--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
 		--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
 		--gnome-tabbar-tab-active-background: #2e2e2e;
+		--gnome-tabbar-tab-active-background-contrast: #737373;
 		--gnome-tabbar-tab-active-border-bottom-color: #15539e;
+		--gnome-tabbar-tab-active-border-bottom-color-contrast: #5A98E3;
 		--gnome-tabbar-tab-active-color: #ffffff;
 		--gnome-tabbar-tab-active-hover-background: #313131;
 		--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);

theme/colors/light.css

@@ -88,7 +88,9 @@
 	--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
 	--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
 	--gnome-tabbar-tab-active-background: #eae8e6;
+	--gnome-tabbar-tab-active-background-contrast: #F7F5F3;
 	--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
+	--gnome-tabbar-tab-active-border-bottom-color-contrast: #4a90d9;
 	--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
 	--gnome-tabbar-tab-active-hover-background: #e6e6e6;
 	--gnome-inactive-tabbar-tab-color: #8b8e8f;

userChrome.css

@@ -16,6 +16,9 @@
 /* Limit the URL bar's autocompletion popup's width to the URL bar's width (GNOMISH) */
 /*@import "theme/matching-autocomplete-width.css"; /**/
 
+/* Active tab high contrast */
+/*@import "theme/active-tab-contrast.css"; /**/
+
 /* Use system theme icons instead of Adwaita icons included by theme */
 /*@import "theme/system-icons.css"; /**/