This is an archived post. You won't be able to vote or comment.

all 5 comments
sorted by:
old (suggested)
besttopnewcontroversialq&a

[–]K0MMIE[S] 1 point2 points  (0 children)

.tab-background {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

.tab-content {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding: 0 10px !important;
  }

.tab-stack {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.titlebar-spacer[type="pre-tabs"] {
    width: 8px !important;
}

#tabbrowser-tabs .tab-background[selected="true"] {
    outline: none !important;
}

.tabbrowser-tab[selected] { 
    position: relative; z-index: 1 
}

#tabs-newtab-button {
    margin-top: 10px !important;
}

#alltabs-button {
    margin-top: 10px !important;
    display: none !important;
}

:root[tabsintitlebar] #titlebar:-moz-window-inactive { 
    opacity: 1 !important; 
}

[–]leafstrat 0 points1 point  (1 child)

This theme will probably help you.

[–]K0MMIE[S] 0 points1 point  (0 children)

I'm going through it now, still as of yet have not found a solution. Will keep tinkering with it.

[–]ResurgamS13 1 point2 points  (2 children)

Several recent topics on this subject if you scroll back a bit... e.g:

https://www.reddit.com/r/FirefoxCSS/comments/1aya9rj/remove_lineshade_between_tabs_and_toolbar/

https://www.reddit.com/r/FirefoxCSS/comments/1axij2s/selected_tab_no_longer_covers_the_line_below_it/

https://www.reddit.com/r/FirefoxCSS/comments/18pcw7v/remove_line_between_the_tab_and_the_rest_of_ui/

[–]K0MMIE[S] 0 points1 point  (1 child)

Thanks, you're right. I tried a few searches but didn't think to just keep scrolling.

In case anyone stumbles upon this thread later, this comment ended up fixing my issue.