Weird Colors in the Gnome Shell

Hello Ladies and Gentlemen!

I'm searching for a Thread that we had a while ago here. It was about an Issue with weird Colors in the Gnome Shell when using a Theme. Some Pictures as Example:

I know that we had a Thread about that Issue but I can't find him anymore. As You can see the Accent Color is not right shown. On the left Side the white-ish Color is like it should but going to the right it mixes with the blue (the default Zorin Blue I guess).

I know that I musst change something in the .css File and that is the Reason why I search the Thread. If I remember right, there should stand what Value/Values I must change.

Was it this one? New themes not working as expected

or: Zorin OS 17 appearance/theme issue

or: Change the "text selection" or "highlight" color


Thank You!

The Thread that I meant was the second One. But the Way to the Soulution is in the first One, hahaha! But the Value there wasn't the right One; I tried it. But it seems that the Region is the right.

So, here is a copy from the popup-menu from my Theme (Graphite-Dark):

.popup-menu {
  min-width: 12em;
  color: rgba(255, 255, 255, 0.7);
  padding: 0;
  font-weight: normal;
  font-size: 10pt;

.popup-menu .popup-menu-content {
  padding: 6px;
  background-color: #2C2C2C;
  border-radius: 12px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  margin: 4px 10px 12px;
  font-weight: normal;
  border: 2px solid #E0E0E0;

.popup-menu .popup-menu-item {
  spacing: 9px;
  padding: 6px;
  color: rgba(255, 255, 255, 0.7) !important;
  text-shadow: none;
  border-radius: 6px;
  margin: 0;
  font-weight: normal;

.popup-menu .popup-menu-item:checked {
  font-weight: normal;
  border: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #E0E0E0 !important;
  border-radius: 6px 6px 0 0 !important;

.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #ededed !important;

.popup-menu .popup-menu-item:checked:active {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: lightgray !important;

.popup-menu .popup-menu-item:checked:insensitive {
  color: rgba(0, 0, 0, 0.38) !important;

.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected {
  color: white !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  transition-duration: 0;

.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active {
  color: white !important;
  background-color: rgba(255, 255, 255, 0.3) !important;

.popup-menu .popup-menu-item:insensitive {
  color: rgba(255, 255, 255, 0.3) !important;

I have the Feeling that it could be the Values .popup-menu .popup-menu-item:checked or .popup-menu .popup-menu.item:checked:active but I'm not sure at all. May a Specialist here knows the right Answer and can tell me what Value or Values I have to change.

I changed the Category from Customization to General Help because it is now a more concrete Help Request.

As this is now a call for technical assistance, can the thread title be changed to something that better describes your problem, e.g. "Weird Colors in the Gnome Shell".

If you want me to make that change for you, just say in reply. I didn't want to change the title unilaterally and you not then recognising the thread you started. Zab

I wonder if anything here will help you: Question to change colors with CSS - #6 by Aravisian

1 Like

Sorry, I forgot that. I change the Title.

1 Like

Thank You again for the Link. I tried to play a bit with the Transparency Value but unfortunately it didn't changed something.

Yes, I tried that but it makes no Difference.

What exactly do You mean with ''view''?

After some technicals Issues I tested some Things:

I switched to X11 to control if the Problem exists there and yes, it exists there, too.

I deleted the Zorin Blue Theme (Light and Dark) but it didn't helped.

Then I took the Theme and made it in the usr Path. But this didn't helped, too. So ... I think it must be done in the .css File.

Thank You for Your Suggestions. I tried the Saturation with 1 and with 0 but nothing changed. I will try the Thing with the rgba instead of the hex Code.