Custom made .css file for gnome-shell

SethStorm666

I have made a custom .css file for my gnome-shell. It look like this;


.show-apps .show-apps-icon {
border: none;
background-image: url("file:///home/storm/Documents/RetroRed.svg");
background-size: contain;
color: transparent; }

.show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon {
color: transparent; 
background-image: url("file:///home/storm/Documents/RetroRed.svg");
background-size: contain; }

#panel .panel-button {
    color: rgba(40, 40, 44, 255);
}

.show-apps .overview-icon {
    color: #28282C;
    font-weight: bold;
}

Everything works except this part;

.show-apps .overview-icon {
    color: #28282C;
    font-weight: bold;
}

Which should change the font color of gnome-shell icon overview. Can someone shed some light where I went wrong?

brent

You have managed---in all your pictures---of making Gnome look great, specifically more refined and easier on my sensibilities. I am bumping in hopes you get an answer. I would love to use this .css in my laptop Gnome.