Score:0

Yaru dark theme does not work properly - white boxes in Gnome Software

to flag

I am new to linux and I am using ubuntu 20.04 LTS.

I use the default yaru dark theme and when I open gnome software centre and some other application I see white and blue things (as shown in the images)

gnome software centre image

disks application image

Because of this I am unable to read the names of applications in gnome software centre. I have already installed gnome-tweak-tool and tried various other themes but the problem is the same, my theme gets changed but still I see the white boxes in the software centre and the main problem remains the same but cannot fix it.

Actually when I first installed Ubuntu, everything was fine and my yaru dark theme was also working properly, but because I was new to Linux, I was experimenting with the system and by mistakenly, installed the kde-desktop package. And after that everything changed. It installed the kde desktop which I didn’t wanted. And Then I deleted the kde desktop and brought everything back to normal, but It caused changes in my yaru theme and I am not able to fix it now.

So is there any way to bring my theme back to normal?

Score:1
ar flag

If what you're asking is how to change to another dark theme, you can use the Gnome Tweak Tool (gnome-tweaks). Not sure how you changed it to Yaru, and what other dark themes you have, but Gnome Tweak Tool lets you change themes really easily. I have been using Ubuntu for 15 years, and have always used dark themes, and not all are 100% perfect (as you've seen), but you can use others. If you don't have the above installed, run in the terminal:

sudo apt-get install gnome-tweaks

If you need more dark themes, download GTK themes from https://www.gnome-look.org/browse?cat=135&ord=latest (maybe also in the Software Centre?), and to install them Google "Ubuntu 20.04 install GTK theme" (there's lots of info on that).

Kabir Ycreator avatar
to flag
i am actually not asking to change to another dark theme, i just want to fix the white box bug in my dark theme, that is my problem
Kabir Ycreator avatar
to flag
I have edited my question and I have written full detail about the problem in last paragraph, I hope it cleared the things
Kabir Ycreator avatar
to flag
I tried your solution, installed gnome tweaks but it didn’t helped. The white boxed problem still show after changing the theme also!
ar flag
OK, I was going to say that Disks looks just like mine in KDE, and now I see you did install that. Was it kde-desktop or kubuntu-desktop? And by "deleted" I assume you meant properly uninstalled, yes? OK, I was going to say the answer is easy - just log back into KDE and change the theme there. Though KDE themes should not be affecting things in Gnome-Shell, so I am at a loss. The blue/white in Disks looks usable, but for Software Centre I cannot even find it in DCONF & doubt we could edit the colours via config files. For a workaround, so you can search for and install software, see below.
ar flag
For now, just so you can install things, all I can suggest is install **Synaptic Package Manager**, Ubuntu's original software installer, which I still use. It doesn't have pretty pictures and suggested software at the top, but is fast and does what you want (& is way more powerful than GNOME Software). Just Search for name of app, or a term like "video edit" or "e-book", and it will present a list. Click Get Screenshot for a peek, or Google the app to see if you like it. For a look at this, with pictures & info, & install commands, see: [link](https://itsfoss.com/synaptic-package-manager/)
ar flag
Just one more thing, about installing alternative desktop environments (which you probably don't want to do, as you said you "mistakenly" installed KDE): in future, when wanting to install different desktops into Ubuntu, go for the official Ubuntu versions; for example, I am currently in MATE (basically the old Gnome "Classic"), but I installed **ubuntu-mate-desktop**, not **mate-desktop**. Similarly, when I installed KDE (my preferred DE), I did it with **kubuntu-desktop** not **kde-desktop**. PS: you can type "KDE" into Synaptic search and **Mark for Complete Removal** to see if that helps.
Kabir Ycreator avatar
to flag
thanks for the answer!! i have already installed synaptic package manager and i use it a lot for installing softwares
Kabir Ycreator avatar
to flag
i actually cannot remember that i installed kubuntu-desktop or kde-desktop, but i know that i have deleted it, and it does not show kde desktop in my login screen, which it used to show earlier. So how can i see if it is completely removed or not? and if the kde configurations are still there in my system so how can i remove them completely? or should i just ignore this problem?
ar flag
OK, what I can suggest is in Synaptic search for both **kde** and **kubuntu**, see if there are packages from either still installed. Assuming you installed **kde-desktop**, if that meta-package is still there, or **kde-core** or something that looks like more than an app or library (ie: part of the main part of the KDE desktop), then right-click and choose **Mark for Complete Removal**. Anything you want to get rid of **completely** is best done this way (another reason Synaptic is great). As for any leftover KDE files and folders, they won't interfere in ANY way & and only take up a few Kb.
ar flag
Kabir, can you confirm you are using **GNOME Software** and not **Snap Store**? People are calling the latter **Ubuntu Software**, but in my menus it is Snap Store. It seems the former was removed in 20.04, and in fact my system - which I upgraded from 16.04 - no longer has it (I never noticed it had been removed as I never use it - I either use install commands, or Synaptic). Actually, Snap only has 1 row of software suggestions, and I just installed GNOME Software and it looks like yours. I **may** be able to find a solution, but will be away for a day, so hopefully after that I can help.
Kabir Ycreator avatar
to flag
this problem is happening particularly in the 'gnome software' and not is ubuntu software and for installing app i only use the gnome software not the default 'ubuntu software' or which comes preinstalled.
Kabir Ycreator avatar
to flag
i completely removed many kde and kubuntu packages but still the problem is not fixed
Score:1
ar flag

This is about as close I've come to a solution to this, and I can't really test it since Gnome Software is being themed properly, but I've come across a config file full of colour definitions: org.gnome.Software.Featured.xml

In /snap/snap-store/ you will find 3 folders: 2 numbered, and current (which is actually just a link). It's the folder with the highest number you will want to go into. For example, mine is 558, so the folder containing the .xml file is /snap/snap-store/558/usr/share/app-info/xmls. Right-click org.gnome.Software.Featured.xml and choose to Edit as Administrator, and when it opens in Text Editor, near the top you will see:

      <value key="GnomeSoftware::FeatureTile-css">border-color: #aaa;
text-shadow: none;
color: #333;
background:
 linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(200,200,200,0.9)),

That might not be the section for the tiles/boxes, but I can see straight away the first RGBA value is white. And further down is text-shadow, also white, and other sections to do with text and background you can try to edit. Now, most of the colours are in RGBA, with only a few being Hex (the ones starting with #), and you can either determine the ones in the file with an online converter or a Linux app.

Online: RGBA and Hex Color Converter Type in the numbers for R (Red) G (Green) B (Blue) & A (Opacity (Alpha)) and the colour will appear on the right. You will see that 255,255,255,0.3 is white, and 200,200,200,0.9 is a light grey.

I suggest using an app, and in the pic you can see I entered the values for the latter in MATE Colour Selection (mate-color-select) - you can also use GNOME Color Chooser (gnome-color-chooser) or KColorChooser (kcolorchooser) - and it shows that light grey. (As for the few hex values, you can copy and paste them into the field - my choice is KColorChooser, because as soon as you paste it in, it shows you the colour, no need to hit Enter).

enter image description here

So you can use this method to determine the colours specified in org.gnome.Software.Featured.xml, and replace them with your own, which you can determine via the colour picker. For example, in the pictured app I clicked one of the dark charcoal presets, giving 46,52,54,15, which you then use to replace the white's 255,255,255,0.3. And of course you can just use 0,0,0,0 for pure black.

Before editing, save a copy (eg: org.gnome.Software.Featured.ORIG.xml) in case you need to restore the original. Then try replacing whites in various sections with black or charcoal, and see if it works. In between opening Gnome Software to see if there are changes, run killall gnome-software in the terminal, as I found during trying different themes in the previous method that a couple of times after I closed it, killing it didn't report "no process found", meaning it was still running in the background.

As I said, I can't test this, but there are a lot of whites in that file, and I'm not seeing those due to my dark theme, so hopefully this is the way to achieve what you want. Best of luck!

Score:1
ar flag

PS: You can obviously try other dark themes to see if they are better. While you're getting white boxes with white text while using your default dark theme, and I'm getting dark boxes with dark text opening Gnome Software in light themes, I tried the Blue-Submarine theme, and it looks nice. However, I'm running a dark theme (Ambiant-MATE-Dark) and don't have your issue, and you've already tried changing your theme to other darker ones, but it's at least worth trying.enter image description here

Score:1
ar flag

OK, I haven't had much luck, because a fix I found applies to Ubuntu Software Centre - editing colour values in softwarecenter.css - but I simply cannot find any .css or .xml file for Gnome Software that corresponds to that file. I'm still looking, but for now I have a workaround - not perfect, but better than what you have: open Gnome Software in another theme. I should have mentioned this earlier, but it isn't so much a fix, and I was really hoping I could find that config file. So to do this - and I'm just listing a theme you'll likely have - here is the command to open it in the Adwaita theme:

GTK_THEME=Adwaita gnome-software

You can either run that in the terminal (Alt+F2 probably won't work: for me, it opened Discover, KDE's software manager, without a theme change), or you can edit the launcher - gnome-software.desktop - and replace the Exec=gnome-software line with Exec=env GTK_THEME=Adwaita gnome-software (I suggest just doing this via the terminal first, to see if any theme works for you). It might not be perfect - the picture shows mine opening in Adwaita, but in a mix with my dark theme, but at least the text is somewhat readable (and you might not even get the dark boxes like I did). But you can try specifying other light themes until you find one that's acceptable. I tried Ambiance and Yaru, and the text was very dark, Ambient-MATE was the same as the pic (note that the text gets slightly clearer when you hover your mouse over each box). So it's far from a fix, but it's something (and you might find a theme that makes it readable).

enter image description here

mangohost

Post an answer

Most people don’t grasp that asking a lot of questions unlocks learning and improves interpersonal bonding. In Alison’s studies, for example, though people could accurately recall how many questions had been asked in their conversations, they didn’t intuit the link between questions and liking. Across four studies, in which participants were engaged in conversations themselves or read transcripts of others’ conversations, people tended not to realize that question asking would influence—or had influenced—the level of amity between the conversationalists.