5 of 5 Text and Code Formatting

According to elementaryosnewbie's answer on Reddit. Thought it'd be best to have this on the Elementary OS Stack Exchange. Big thanks to him for sharing it. If this has already been posted I apologies for the double post.

Here is how it looks:

Image 1

Image 2

Image 3

  • Open file manager up as administrator and go to: /usr/share/themes/name-of-your-theme-folder/gtk-3.0

  • Place the icon you want to use in that folder.

  • Make sure the icon has proper permissions by right clicking on it, choosing properties > more > and making it 644-777 (read, write, and executable by owner, group, everyone) or else wingpanel may not load. (Alternatively you could issue chmod 777 <icon name>.svg)

  • Open up /usr/share/themes/name-of-your-theme-folder/gtk-3.0/apps.css in Scratch, scroll down to the panel settings, find .panel-app-button, and change what's in the {brackets} to what's below. (Default theme: /usr/share/themes/elementary/gtk-3.0 )

.panel-app-button > GtkWidget > GtkWidget:first-child {
    padding: 0px 24px 0px 0px;
    font-size: 0px;
    background-image: url("icon.svg");
    background-repeat: no-repeat;
}
  • Change the background image URL to the name of the icon that you placed in the gtk-3.0 folder. The padding above is adjusted for a 24x24 icon but you can adjust it to fit something bigger/smaller/wider, just change "24px" to the width of your image.

  • In terminal type: killall wingpanel to see the changes.

    Some icons you may like

  • - bulls-eye icon

  • - apple icon (Image may not be visible here because its color matches the background here.)

Search google for more

https://www.google.com/search?q=menu&tbs=isz:ex,iszw:24,iszh:24,ic:trans&tbm=isch&cad=h