diff --git a/theme/colors/dark.css b/theme/colors/dark.css index 2b91804..b345fde 100644 --- a/theme/colors/dark.css +++ b/theme/colors/dark.css @@ -70,7 +70,7 @@ --gnome-tabbar-tab-separator-color: rgba(255, 255, 255, .15); --gnome-tabbar-tab-hover-background: #3f3f3f; /* Hardcoded color */ --gnome-tabbar-tab-active-background: #444444; /* Hardcoded color */ - --gnome-tabbar-tab-active-background-contrast: #FAFAFA; + --gnome-tabbar-tab-active-background-contrast: #4F4F4F; /* Hardcoded color */ --gnome-tabbar-tab-active-hover-background: #4b4b4b; /* Hardcoded color */ --gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background); --gnome-inactive-tabbar-tab-hover-background: #2c2c2c; /* Hardcoded color */ diff --git a/theme/colors/light.css b/theme/colors/light.css index be193bd..c23291b 100644 --- a/theme/colors/light.css +++ b/theme/colors/light.css @@ -70,7 +70,7 @@ --gnome-tabbar-tab-separator-color: var(--gnome-toolbar-border-color); --gnome-tabbar-tab-hover-background: #dedede; /* Hardcoded color */ --gnome-tabbar-tab-active-background: #d9d9d9; /* Hardcoded color */ - --gnome-tabbar-tab-active-background-contrast: #4F4F4F; + --gnome-tabbar-tab-active-background-contrast: #FAFAFA; /* Hardcoded color */ --gnome-tabbar-tab-active-hover-background: #d2d2d2; /* Hardcoded color */ --gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background); --gnome-inactive-tabbar-tab-hover-background: #f3f3f3; /* Hardcoded color */ diff --git a/theme/parts/tabsbar.css b/theme/parts/tabsbar.css index 23b3c70..183c39d 100644 --- a/theme/parts/tabsbar.css +++ b/theme/parts/tabsbar.css @@ -450,10 +450,14 @@ tab { /* OPTIONAL: Add more contrast to the active tab */ @supports -moz-bool-pref("gnomeTheme.activeTabContrast") { - .tab-background[selected=true], + .tab-background[selected=true]:not(#hack), :root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not(#hack) { background: var(--gnome-tabbar-tab-active-background-contrast) !important; } + .tabbrowser-tab:not([pinned])[selected="true"] .tab-content::before, + :root:not(:-moz-window-inactive) .tabbrowser-tab:hover .tab-content::before { + --gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-background-contrast) !important; + } } /* OPTIONAL: Show the close button on the selected tab only */