Tilda tabs are is transparent in Ubuntu 16.04

[Defcon0]

Hello,

in Ubuntu 16.04, the tab bar is transparent and I cannot remove that. Is it a bug?

Bye Defcon0

[joshbenner]

IMO, it's a bug. I've worked around it by setting a stylesheet as demonstrated in the wiki.

[moisadoru]

In Ubuntu 16.10 (tilda 1.3.1), the stylesheet workaround no longer works.

[moisadoru]

I managed to make the custom stylesheet work by using other css selectors than the ones in the wiki:

notebook > header {
  background-color: rgba(51,51,51,.9);
  border: none;
}

notebook > header > tabs > tab {
  background-color: rgba(80,80,80,.9);
  border-radius: 0;
  color: #ccc;
  border: 0;
  margin: 0 1px;
  border-width: 0 1px;
  min-width: 100px;
  box-shadow: none;
}

notebook > header > tabs > tab:checked {
  background: rgba(0,0,0,.8);
  color: orange;
}

[ghost]

Hi @moisadoru, thank you, it works! Shouldn't the wiki page be updated?

PS. This bug affects the scrollbar also - the background is translucent :( Maybe somebody know proper CSS selectors for it? (my setup has tilda-1.3.3 and gtk3-ubuntu-3.20.8)

[yura121]

confirm on ubuntu 16.04 x64, tilda v1.3.1-1

[lanoxx]

I had this bug today on my notebook, while this has never been a problem on my Desktop. I solved it on my notebook with the following CSS rule:

GtkBox {
    background-color: #000;
}

This is probably a theming issue and as of now I am not convinced that I can and or should fix this in tilda. If someone can suggest a fix I will be happy to consider it, but I need to be convinced that this is really a problem in tilda.

[ghost]

hi @lanoxx, did you put this into ~/config/tilda/style.css? If so, it doesn't worked for me :(

[lanoxx]

Hi, yes I did. If you are on Gtk+ 3.20 then you might need a different rule. The CSS styling has changed quite abit in 3.20.

[bekharsky]

@moisadoru solution works for me in Ubuntu 16.10, and @lanoxx — partially works in Ubuntu 16.04.

[ghost]

Has this problem been fixed? I just tried out Tilda and I like everything so far except for this bug.

[rkrzr]

The problem still exists on stock Ubuntu 17.10. It can be fixed by putting the stylesheet given by @moisadoru above into ~/.config/tilda/style.css.

[ivan-preocanin]

@moisadoru thank you for your stylesheet! Is there a way to fix the scrollbar background too?

[rziman]

Confirmed that adding "GtkBox { background-color: #000; }" to ~/.config/tilda/style.css fixes the issue. Ubuntu 16.04.2 LTS, MATE Desktop Environment 1.12.1, tilda 1.3.1-1.

[tony-cox]

I found that using

GtkBox {
    background-color: #000;
}

makes the tabs fairly unreadable and the affects the settings UI to also be unreadable. Setting it to #FFF was much more appropriate.

[klausi]

Same problem on Ubuntu 18.04, the style sheet from comment https://github.com/lanoxx/tilda/issues/257#issuecomment-252756656 fixes the issue.

[moisadoru]

Hi all,

Here's an update version of the style.css file I use, which also fixes the scrollbar:

https://gist.github.com/moisadoru/5fd9ee1584ed4022958cfa40c90064e9

[diskin]

Thanks for sharing the workaround. Does this problem affect only Ubuntu? What is needed for a fix to be included into package?

[lopesrodriguesn]

thanks, it solved my problem !

[frederickjh]

I was not happy with black:

GtkBox {
    background-color: #000;
}

nor white

GtkBox {
    background-color: #164;
}

I found that using the color of a window title bar and lighten it a bit gave me the best results of readability without being too dark or too bright for either the active or non-active tabs.

GtkBox {
    background-color: #A8A392;
}

[Murat0zer]

in ubuntu 20.04, i have encountered same problem. solve it adding css to ~/.config/tilda/style.css.

[julianbarg]

Thanks @Murat0zer , that workaround worked for me, too in 20.04. :+1:

[howels]

Discovered this isssue @Murat0zer 's fix worked on MATE 20.04 for me as well - otherwise the tab name is illegible if there is text behind the transparent tab bar. Hopefully Ubuntu MATE can pick up this fix @flexiondotorg

[dfg31197]

@julianbarg on ubuntu 20.04 as well, no style.css in ~/.config/tilda for me. only got a "config_0".

[CHKDSK88]

hahahaha

Six years later it's still unfixed in Ubuntu 22.04. I created ~/.config/tilda/style.css and put code from https://github.com/lanoxx/tilda/issues/257#issuecomment-395018964. Fix still work.