hiding vertical white line on the right

[hethhhhh]

When using the CSS in the examples

#tablist {
  margin-right: -16px; /* Value from KDE's Breeze theme; adjust as needed */
  transition: margin-right 0s 1s;
}

#tablist:hover {
  margin-right: 0px;
  transition: margin-right 0s 4s;
} 

I have an ugly white line which doesn't shrink

screenshot: https://i.imgur.com/w7v8oNP.png

[eoger]

@dos1 might be able to help, which OS are you using?

[dos1]

Just adjust the margin, as the comment says. This line looks like 1 pixel wide, so -17px should do.

[hethhhhh]

@eoger I don't believe it's OS related, but how should I know. it's win8.1x64 with dark (dev) theme

@dos1 I tried that of course, it's not working. appears to be some other element, but for the life of me couldn't figure out how to shrink it.

[Keith94]

Can you try adding the following to your userChrome.css file. This should darken the sidebar's border when using Firefox's dark theme.

#main-window[lwthemetextcolor="bright"] .sidebar-splitter {
  border-right-color: #0C0C0D !important;
}

[hethhhhh]

@Keith94 that worked, thanks; is it possible this to be in the extension in some way? or there is no API for changing that

[Keith94]

there is no API for changing that

Likely this. Extensions can't modify interface things afaik.