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

3 Likes

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.

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.

Okay, Ladies and Gentlemen!

I have an Update. I simply wanted install a GDM Theme from the Graphite GTK Theme. For this I had to use not the Files from gnome-look.org

Instead I had to use the Installer Script from the Developer's Github Page:

So, I installed the GDM Theme but it didn't worked. I have still the Zorin GDM Theme. I don't know why, but for now that doesn't matter. The Thing is: after the Installation the Themes work in the Gnome Shell without this weird Color Issue:

You see that there are no weird Colors on the Buttons or the Writings. I took a closer Look at it and as far as I understand this, the Installer Script for the GDM Theme touches the File /use/share/gnome-shell/theme/ZorinBlue-Light/gnome-shell-theme.gresource

And the Change on this File seems to clear this. I will make some more Tests with other Themes to see if it works and give then an Update.

1 Like

Next Update:

I tested it with other Themes (Orchis, Dracula, Gruvbox) and it works. I double-checked it and uninstalled the GDM Theme and the Color Issue was active again. After installing it and make a Restart the Gnome Shell Themes are working without the Issue.

So, at this Point I let it installed. But I don't mark this as a Solution because in my Eyes it isn't really a Solution. In best Case I would call it a Workaround. At this Point I would think that this is some Kind of Bug in Zorin.