Change "Application" text in wingpanel Elementary OS (0.4 Loki)

Elementary OS is really good UI/UX, so if you are linuxer or windowser who want migrate to linux but want themes MacOSX like, the Elementary OS suitable for you.

Yah, EOS are really similar with MacOSX at desktop UI/UX but i thought a bit odd when look at upper left position where menu is placed, there's a text "Applications". I want close to MacOSX looks like so i wanna change that text to icon apple. Here the step:


  • get apple logo from here: http://i.imgur.com/X649wp6.png
  • copy that file to /usr/share/themes/name-of-your-theme-folder/gtk-3.0/assets
  • open apps.css with text editor and add this line:

/*********
 * Panel *
 ********/

.panel {
    background-color: transparent;
    transition: all 100ms ease-in-out;

    /*************************
     * HACK to show the icon *
     *************************/
    background-image: url("assets/apple-19.png");
    background-repeat: no-repeat;
    background-position: 15px 2px;
    padding: 0px 24px 0px 0px; 
    background-repeat: no-repeat;
}

/* Hacky Hacky to remove "Applications Text" */
.panel .menubar:first-child {
    padding-left: 20px;
    font-size: 0px;
}
Change "Application" text in wingpanel Elementary OS (0.4 Loki) Change "Application" text in wingpanel Elementary OS (0.4 Loki) Reviewed by Fadli on 10/18/2018 02:05:00 PM Rating: 5

No comments:

Powered by Blogger.