KiCad does not display correctly.

[wirano]

• OS: Arch Linux
• Kernel: 6.1.9-zen1-1-zen
• DE: Plasma 5.26.5
• WM: kwin
• WM Theme: Lightly
• Plasma Theme: Catppuccin Latte
• GTK Theme: Catppuccin-Latte-Standard-Teal-Light
• KiCad version: 7.0.0.rc2.r202.ge8397a33bb-1 (it also could reproduce on 6.0.11-1)

How to reproduce:

1. Set GTK Theme to Catppuccin
2. Open KiCad
3. You will see:

5. Change GNOME/GTK Style to Adwaita/Breeze
6. Open KiCad
7. It looks with no problem:

[covertneko]

Same here on NixOS using Catppuccin-Mocha-Standard-Mauve-Dark:

[MathisP75]

Same for me. This is a problem from the Colloid theme it is based on, since it does the same when using Colloid.

[covertneko]

For anyone who comes across this and wants a quick fix, I've narrowed it down to the following rule at gtk-dark.css:645:

actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
  outline: none;
  box-shadow: inset 0 0 0 9999px transparent;
  background-color: rgba(255, 255, 255, 0.08);
  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1000% 1000%;
  color: #FFFFFF;
}

Specifically background-color on the button selector. I've just commented that property out locally because I'm impatient.

As far as I can tell, this comes from here and here, with the color being set here. I'm not entirely sure why this is like this or how to fix it properly, but I'll create an issue upstream.

[electron271]

The workaround seemingly does not work anymore, I commented this out in gtk-3.0/gtk-dark.css

actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
  outline: none;
  box-shadow: inset 0 0 0 9999px transparent;
  /* background-color: rgba(255, 255, 255, 0.08); */
  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1000% 1000%;
  color: #FFFFFF;
}

[nullishamy]

Can repro, tested on v1.0.0-rc3. Doesn't seem as bad as the original report, but still broken nonetheless.