Editing gnome-shell.css

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

Try adding:

    box-shadow: none;
    border-image: none;
}
1 Like

That has worked for all the other buttons in my panel except for the time/date, the colour of the time/date button changes with the other buttons but it seems like there must be another location adding this box-shadow.

I found it, I had to copy panel-button:hover.clock-display line from the gnome-classic.css and change the box-shadow:none

Still a little more tweaking to do but looking closer to how I want it.
Screenshot from 2022-02-25 16-21-06

1 Like