Xfce Forum

Sub domains
 

You are not logged in.

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

frenchfryfrog
Member
Registered: 2018-08-05
Posts: 2

White panel item background

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?

Offline

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

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 10,949

Re: White panel item background

Hello and welcome.

Which distro and Xfce version are you using?

What are the versions of the panel plugins in question?


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Online

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

frenchfryfrog
Member
Registered: 2018-08-05
Posts: 2

Re: White panel item background

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

Offline

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

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 10,949

Re: White panel item background

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; }

Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Online

Board footer

Powered by FluxBB