HOME | DD

Description
body div#devskin0 hr { }

Hi,

First, I want to say thank you to the people who've 'd me and '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.

Added to my devWatch! — Description
body div#devskin0 hr { }

Hi,

First, I want to say thank you to the people who've 'd me and '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.