White panel item background

frenchfryfrog · 2018-08-05 22:59:19

I have an issue with a few of my themes. The panel items background are not the correct color.
Here is an example of what using xfce-flat theme looks like: https://i.imgur.com/nJmXXL9.png
As you can see some panel items have a white background color instead of black.
Does anyone know how to solve this problem?

ToZ · 2018-08-06 03:20:36

Hello and welcome.

Which distro and Xfce version are you using?

What are the versions of the panel plugins in question?

frenchfryfrog · 2018-08-06 11:43:55

Distro: Arch Linux
Xfce version: 4.12
Clipman version: 1.4.2
Xfce4-pulseaudio-plugin version: 0.4.1

ToZ · 2018-08-06 16:50:03

If you are using the Xfce-flat theme from the gtk-xfce-engine package, note that it is a gtk2-only theme. Since it doesn't specify a gtk3 component, by default, gtk3 will use the adwaita theme.

The best option is to find a gtk3-compatible theme that looks like Xfce-flat. (Maybe Greybird?)

If you want to continue to use this theme, you'll need to do a lot of gtk3 css configuration to account for the gtk3 components that Adwaita doesn't properly cover (like the issue with the panel button backgrounds). This snippet below will handle those mis-coloured backgrounds and add a similar blue background on hover. Add the snippet to ~/.config/gtk-3.0/gtk.css (create the file if it doesn't exist) and restart xfce4-panel.

.xfce4-panel.background {
  background-color: transparent;
  color: #fcfcfc;
  font-weight: normal;
  border-color: transparent; }
  .xfce4-panel.background button {
    background-image: none;
    background-color: rgb(35,35,35);
    border-radius: 0;
    border-color: transparent;
    box-shadow: none;
    padding: 0 1px;
    color: #fcfcfc;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1); }
    .xfce4-panel.background button:active, .xfce4-panel.background button:checked {
      background-image: none;
      background-color: transparent;
      border-color: transparent;
      color: #fcfcfc;
      transition: none; }
    .xfce4-panel.background button:hover, .xfce4-panel.background button:active:hover, .xfce4-panel.background button:checked:hover {
      border-color: transparent;
      background-image: none; 
      background-color: rgb(35,133,167);
      color: #fcfcfc;
      box-shadow: none;
      transition: none; }
  .xfce4-panel.background menu {
    -gtk-icon-effect: none;
    text-shadow: none; }

Xfce Forum

Sub domains

#1 2018-08-05 22:59:19

White panel item background

#2 2018-08-06 03:20:36

Re: White panel item background

#3 2018-08-06 11:43:55

Re: White panel item background

#4 2018-08-06 16:50:03

Re: White panel item background

Board footer