Editing gnome-shell.css

I know a guy who solved it. Install the predator theme. It has a gnome-shell, use the alt-tab and you will get this.

Screenshot from 2022-02-13 18-49-55

Blue color is gone.

I do not use Gnome so, without logging into it to check, I would take some guesses at things to check and look at:

#panelActivities

.search-section-content

.workspace-thumbnails {

.workspace-switcher-container

.app-folder-dialog

.modal-dialog

.switcher-list .thumbnail-box

...

1 Like

Come to the dark side... we have cookies. :cookie:

2 Likes

Hummmmm ..... I'll bet your a riot during Halloween ..... black cat and all ..... :+1: :innocent:

2 Likes

The Dark side is watching...

3 Likes

If you can find them hidden away in some menu somewhere...

2 Likes

Also, background-gradient-direction can be radial as well as horizontal or vertical.

Nah, radial makes a mess. But the vertical, with your idea is really helpfull.

Screenshot from 2022-02-15 12-17-17

1 Like

That looks awesome.

How did you round the top bar and add the margins? I love that look!

Does anyone have an idea on how I can change the color of the active icon dots in the dash?
image

Simple move the panel to the top and make it intellihide.

Then use Plank instead of dash to dock, then you have the perfect setup.

1 Like

Also, the color property will apply to monochromatic symbolic icons, not just to font. So, changing the color (font) in the .css file will often match that color to the monochromatic symbolics, too.

1 Like

You are not using the gnome layout, then?
Because with my gnome layout the intellihide doesn't give me that look.

I found this code

#dash .app-well-app-running-dot {  background-color: #123354; }

But changing the background-color or adding color didn't work.

You can also edit the .css file:
inside the #panel { } block
add/modify the following lines:

border-radius: 15px;

Replace 15 with whatever you wish for.

1 Like

I tries this but It didn't work, but that may have to do with the fact that I run the 'blur my shell' extensions.

1 Like

What about

.dash-label {
    background-color: #123354;
}

or

#dashtodockContainer {
    background-color: #123354;
}
1 Like

Yes, I found it! Thanks!

#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot {
1 Like

I am trying to change the colour of my panel-button:hover but there is a persistent light grey overlay I cannot find. Any ideas on what it would be called or if there is another location I might be able to find it?
Screenshot from 2022-02-25 08-56-29