Eugeny / tabby

A terminal for a more modern age
https://tabby.sh
MIT License
59.85k stars 3.41k forks source link

It is hard to see the pane divider #2602

Closed nasatome closed 4 years ago

nasatome commented 4 years ago

image

when you divide the terminal into several panels it is very difficult to see in the dark mode, when you are running commands with similar outputs (tail -f file.log) you easily get confused which terminal gives the log you want

this microsoft terminal issue is very similar: https://github.com/microsoft/terminal/issues/2377#issue-479141537

you should be able to change from the appearance menu the color of that dividing line

if I had this shade all the time, or even more, even if it's a 2px line but of a contrasting color it would be much better (as a terminator)

image

Eugeny commented 4 years ago

You can change the divider background with custom CSS in Settings:

split-tab-spanner{
  background: black;
}
nasatome commented 4 years ago

image

thanks!!!

kirkbross commented 4 years ago

So cool!!!!! :) :)

CharlesOkwuagwu commented 3 years ago

You can change the divider background with custom CSS in Settings:

split-tab-spanner{
  background: black;
}

Can we adjust other appearance css of the split-tab-spanner?

split-tab-spanner{
  background: black;
  height: 3px; // like this one ?
}
mkubdev commented 2 years ago

You can change the divider background with custom CSS in Settings:

split-tab-spanner{
  background: black;
}

Can we adjust other appearance css of the split-tab-spanner?

split-tab-spanner{
  background: black;
  height: 3px; // like this one ?
}

Hello!

Yes you can use this custom CSS:

split-tab-spanner.v {
    height: 3px !important;
}
split-tab-spanner.h {
    width: 3px !important;
}
appzi commented 1 year ago

Going a bit further

split-tab-spanner {
    transition: background-color 0.3s ease-in !important;
    border: 3px solid transparent !important;

    background-clip: content-box !important;
    background: rgba(255, 255, 255, 0.2);
}

split-tab-spanner:hover,
split-tab-spanner:active {
    background: #eee !important;
    background-clip: content-box !important;
}

split-tab-spanner.v {
    height: 14px !important;
    padding: 2px 6px;
}

split-tab-spanner.h {
    width: 14px !important;
    padding: 5px 2px;
}

Tabby_EXjKUxBxGV

m0n0x41d commented 1 year ago

@appzi thank you very much!

yanite commented 5 months ago

css

background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);