Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

how to change colour of the tabs? #313

Closed
alevikpes opened this issue Dec 2, 2020 · 8 comments
Closed

how to change colour of the tabs? #313

alevikpes opened this issue Dec 2, 2020 · 8 comments

Comments

@alevikpes
Copy link

Hi! I am trying to change the colour of the tabs, particularly the contrast between the active and the passive tabs, since they look the same in my case. I do not see any option in the config for this. Is it possible to do at all? I use Ubuntu 18.04.

@mattrose
Copy link
Member

mattrose commented Dec 2, 2020

The color of the tabs is controlled by the GTK theme. There is a strip at the base which changes color to try and hilight the active tab.

@alevikpes
Copy link
Author

Thank you. I was able to change via the theme.

@pedroflor
Copy link
Contributor

Thank you. I was able to change via the theme.

Hey @alevikpes ...
could you please show how you changed the colour of the tabs?
Thanks in advance.

@pedroflor
Copy link
Contributor

@mattrose : could you please elaborate how to achieve the tab highlight?
Thanks a lot!

@lsem
Copy link

lsem commented Jun 10, 2021

I think changing colors of the tabs in straightforward way would be great feature.
I used in iTerm and that is probably the only feature I miss from it in Terminator.

What do you think? Is there any reason why it should be in Terminator?

@pedroflor
Copy link
Contributor

Not an issue, just a little help to anyone looking to change the visual of their TABs
Borrowed from:
https://www.preining.info/blog/2020/03/de-uglify-gtk3-tabs-of-terminals/
http://blog.nabam.net/workstation/2017/09/15/terminator_tabs/

@mattrose: Could you add an entry in Documentation?

Here is my config:
~/.config/gtk-3.0/gtk.css


/* Color of inactive TAB */
notebook tab {
    padding: 0.4em;
    border: 0;
    border-color: #444;
    border-style: solid;
    border-width: 1px;
}

/* Color of active TAB */
notebook tab:checked {
    border-color: #76C802;
    border-width: 1px;
}

/* Color of text's TAB */
notebook tab:checked label {
    color: #ffffff;
    font-weight: 500;
}

/* Color of "x" close button */
notebook tab button {
    padding: 0;
    background-color: transparent;
    color: #ffffff
    border-width: 1px;
}

/* Color of "x" border's close button */
notebook tab button:hover {
  padding: 0;
  background-image: none;
  border-color: #00b0ff;
  border-style: solid;
  border-width: 1px;
}

Here is the resutl:
image

@mattrose
Copy link
Member

Thanks so much for figuring this out. @pedroflor

@alevikpes
Copy link
Author

Thank you. I was able to change via the theme.

Hey @alevikpes ...
could you please show how you changed the colour of the tabs?
Thanks in advance.

Hi! I installed the gnome tweaks, where they have a few extra themes for windows. It is not very detailed, but was good enough for me.

Screenshot from 2021-07-04 23-02-38

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants