Google Plus

How to replace Activities word with any image in Gnome Shell

Written by Alex Diavatis on . Posted in Linux tutorials

For this tutorial I will use Gnome Shell 3.4 and its default theme, but this will work also on 3.2 and pretty much on any theme that doesn’t already use an
image for Activities. You will need user-theme extension, gnome-tweak-tool, an image and of course GNOME 3.2+.

.

.

First we copy default shell theme to our local themes folder.
Shell theme lies on

 /usr/share/gnome-shell/theme/*

and we copy these files to

 ~/.themes/mydefault/gnome-shell/

We run gnome-tweak-tool and we choose “mydefault” theme. Then we open gnome-shell.css inside. ~/.themes/mydefault/gnome-shell/

On line ~331 we will find the css responsible for the panel. We modify it to look like this:

….....

/* Panel */

#panelActivities {
border: none;
background-image: url("gnome.png");
background-position: 5px 4px;
width: 63px;
height: 24px;
color: rgba(0,0,0,0.0);
}

#panelActivities:hover {
transition-duration: 300;
background-image:  url("gnome.png");

}
#panelActivities:active,
#panelActivities:overview {
background-image:  url("gnome.png");
}

#panel {
    background-color: black;
    font-weight: bold;
    height: 1.86em;
}

…......

gnome.png is our example image (you can replace it with whatever) and you should put it inside gnome-shell directory.

If you will use another image don’t forget to change the dimensions on

#panelActivities

width: 63px;
height: 24px;

to match your image dimensions. If you need to adjust the height of the panel change the

#panel {
 ….
 height: 1.86em;
 }

As you see above, we can use 3 different images for the 3 different states
of shell activities.

That’s all, Hit

Alt+F2
 "rt"

Enter

Well quite simple :)

For questions please refer to our Q/A forum at : http://ask.unixmen.com

  • Sicofante

    You create a tutorial for something and don’t show the end result????

    • Alexis Diavatis

      Sorry, was some mistake on publish, I will re-edit it first chance

  • MrChrisDruif

    With the switch to an icon (I’ve chosen the distributor-logo) I’ve noticed that the underlining is not filling onto the window panel. What sections should I need to edit, because I don’t want to completely break it. I’ll keep trying thou.

    • Alexis Diavatis

      on line 387 comment the corner-border, that removes the white underline of the corner
      .panel-corner:active,.panel-corner:overview,.panel-corner:focus {    /*-panel-corner-border-color: rgba(255,255,255,0.8);*/}

      on panel activities add border-image: none; that removes the underline of the logo
      #panelActivities:active,#panelActivities:overview {background-image:  url(“gnome.png”);border-image:none;}

      • Alexis Diavatis

        line number could be wrong as you have added extra code, so just find the properties :)

    • Alexis Diavatis

      And also if you want to keep the underline to fill the logo width, increase the width. If your logo is 63px as the example, make it 69px, because you place it 5 pixel right.. 

  • Ángel Manuel Leal Contreras

    Thanks you, that worked.

Like us on Facebook

This week Top Posts

Write for us

Recent Comments

cave

|

it can be used to talk or chat through the internet,

it is using strong encryption.

but for example TOR is using some obfuscation because some countrys try to block all outgoing connections which can not be scanned with DPI

And the TOR Project is facing an arms race in obfuscation and encryption detection.

cave

|

You can friend someone if you give him your public Certificate.

both peers must friend each other.

i suggest to not enter a valid e-mail address. it is not necessary, but pgp needs a mail addy. something@something.so fits perfectly… :)

http://redd.it/18vsq5 <– faq, featurelist, todo, howto, useful links to manual wiki etc, …

you can connect to chatservers, which will give you access to chatlobby, where always some people are lurking.

#1 https://www.f2f-fr.net/w2c/en/
#2 http://retrosharechatserver.no-ip.org/w2c/en/

and in this rooms, you can find other people to talk and friend.

cave

|

http://redd.it/18vsq5
please have a look at this link. it is a FAQ, QuickTip, HowTo, etc etc etc …

If you want to make friends, please use the Chatservers.
#1 https://www.f2f-fr.net/w2c/en/
#2 http://retrosharechatserver.no-ip.org/w2c/en/

if you enter your certificate, the chatserver adds you as his friend and shows his certificate too add him to your friends.

After the connection to the chatservers is established, you can join a few chatrooms where the chatserver is lurking.

in this rooms are other people too help you and make first friends and get into the network.

add friends only with wisdom. if you friend some policeman, it will be problematic like in real life.

best is to add only people you trust in real life or trust from other communitys too. and not to add random unkown strangers.

If you have questions, ask them in the chatlobbys, there is always someone to answer them.

please read http://redd.it/18vsq5

or question me here :)

Ladi Oyekanmi

|

Could you please assist in step by step on how to install nagios on solaris

Adhraa

|

Greate tutorial :)

 
IDG Tech Network
Copyright © 2008-2013 Unixmen.com .
Maintained by Anblik .