Giter Club home page Giter Club logo

elementary-panel-logomark's Introduction

elementary-panel-logomark

Replace the "Applications" text in the panel with the elementary OS logo/icon.

usage

step 1 - download logo

Download one of the following logos by pasting the corresponding command into the terminal:

  • 20px logo (scaling-factor 1): wget https://git.io/v9et4 -O ~/.config/gtk-3.0/logo.png
  • 40px logo (scaling-factor 2): wget https://git.io/v9etB -O ~/.config/gtk-3.0/logo.png
  • 60px logo (scaling-factor 3): wget https://git.io/v9etE -O ~/.config/gtk-3.0/logo.png

Most users should choose 20px; larger versions are for displays that have been "zoomed in" with scaling-factor. (Check this factor with gsettings get org.gnome.desktop.interface scaling-factor | sed 's/.* //'; the default, unzoomed value is 1.)

step 2 - replace "Applications" text with logo

Paste the following block of code in the terminal:

bash -ec "

# get slingshot-launcher source and the packages required to build it
cd /tmp; sudo rm -rf slingshot-launcher*
apt source slingshot-launcher; sudo apt build-dep slingshot-launcher

# edit source code (remove 'Applications' text and add css class `.logo`)
cd slingshot-launcher*
sed -i '/App/a indicator_label.get_style_context().add_class(\"logo\");' \
src/Slingshot.vala
sed -i 's/Applications/ /' src/Slingshot.vala

# build and install source code
mkdir build; cd build; cmake .. -DCMAKE_INSTALL_PREFIX=/usr; sudo make install

# add logo to wingpanel with custom css styling
grep '^\.logo' ~/.config/gtk-3.0/gtk.css || echo '.logo{background:url(\"logo.\
png\") no-repeat center/20px;padding:0 10px}' >> ~/.config/gtk-3.0/gtk.css

# restart wingpanel
killall wingpanel; wingpanel &"

reversal

To revert to the default "Applications" text, paste this block in the terminal:

bash -c "

# reinstall the original slingshot-launcher
sudo apt install --reinstall slingshot-launcher

# remove the custom css styling
sed -i '/^\.logo/d' ~/.config/gtk-3.0/gtk.css

# restart wingpanel
killall wingpanel; wingpanel &"

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.