eOS theme gets even better with this panel trick.

2 min read

Deviation Actions

0rAX0's avatar
By
Published:
4.8K Views
Hi,

First, I want to say thank you to the people who've :+devwatch:'d me and :+fav:'d my work after the interview with OMG! Ubuntu! folks.

As you already know, I released the 1.2 version of my eOS theme a while ago. And while I was mostly satisfied with how close I got to my goal of a pixel-perfect Elementary OS clone, some things left undone due to limitations in GNOME Shell itself, or so I thought.

One of the things I wanted to do is to hide the panel's background while in Overview mode(Slingshot does it; Unity too). Leaving you with a uniform Overview. Apparently, the awesome devs behind GS have already implemented this feature; the default theme does not use it but it's there.

All you have to do is:

#panel.in-overview, #panelActivities{
    background-color: rgba(0,0,0,0);
}

Targeting .in-overview will take care of the background and the addition of #panelActivities is optional.

The only thing left is to add a nice transition like so transition-duration: 500; to the #panel.

I'm going to update the theme with this trick and a fixed dash very soon. However, you can see the effect in this Youtube demo(flickering is a recording problem): youtu.be/KKknrRUwU8E


happy hacking.
© 2012 - 2024 0rAX0
Comments9
Join the community to add your comment. Already a deviant? Log In
half-left's avatar
Nice tip mate, thanks. :)