Updates: - Jan 4, 2013: Had way too much box-shadow if you don't have a dark wallpaper, toned down a bit - Nov 24, 2012: Calendar polish - Nov 22, 2012: Fix menu popup popuping too far from the left screen edge (with a dirty hack, hope it works well for everyone).
i've had a lot of positive feedback on this panel, so i've packaged it as best i can for distribution. this whole thing is just a fancy trick. its not really meant to be distributed as an awesome kick ass fat floaty gnome-panel. its just supposed to look good in screenshots and during general usage. includes: 1024, 1152, 1280, 1400, 1440, 1600, 1680, 1920, 2048, 2560. if your screen is bigger i'll assume you're a power user. Enjoy!
PRE-REQS: here is a gtkrc-2.0 file with the code necessary to remove the little arrow from your menu button. the file goes in your home directory. if you already have a gtkrc-2.0 in your home directory then open this new one and copy the code into the one you already have. gtkrc-2.0 eGtk eIcons Global-Menu Compiz Config
IMPORTANT DIRECTORIES: /usr/share/themes OR /usr/share/icons /home/USERNAME/.themes OR /home/USERNAME/.icons
TIP: you can take ownership of folders with $sudo chown USERNAME -R /ANY/FOLDER/LOCATION
ASSUMING YOUR GOAL IS TO REPLICATE THE PREVIEW...
OBJECTIVES: 1:hide theme default panel 2:activate elementary-dark 3:apply panel image 4:tweak the applets and hide panel shadow
STEP BY STEP:
1: go to the elementary/gtk-2.0/Panel and rename both images in the folder. (the objective is to hide the themes default panel.)
2: go to elementary/gtk-2.0 and open gtkrc. at the very bottom of the code you'll see this line include "Apps/panel.rc" make it look like this include "Apps/panel-dark.rc" (the objective is to make global-menu texts compatible with the dark panel)
3: apply elementary gtk and elementary-mono-dark icons from the appearance dialog and confirm that your panel is either transparent or some dark defaulted colors and that global-menu text is a light color.
APPLY THE CUSTOM PANEL:
1: find your resolution in the panels folder (if your resolution isn't included you may make a request or edit the psd provided using Gimp or Photoshop or some similar graphic app.)
2: copy the panel you want to somewhere common like your home directory for storage
3: open panel properties. (right click empty space on the panel) from the general tab set size to 58. from the background tab activate image and browse to where you've stored your panel.
TWEAK THE PANEL:
1: the icons are huge! copy the icons included in the download to /icons/elementary-mono-dark/panel/22
2: everything is horribly aligned! be sure you've removed any extra panel applets that won't fit. simply move around your applets until they fit then lock em in place
3: wtf is that shadow doing!? open CompizConfig from system>preference. under Effects click Window Decoration. in Shadow windows paste this any & !(class=Gnome-panel)
UNSOLVED ISSUES: the active menu item in global-menu. ugh new notification icons mess up the icon alignment
Arch Linux with Awesome WM and custom tile layout. Also using Compton for composition.
Firefox Nightly (Australis) [v31.0a1] and 4-Chan with my CSS. Using Vimperator for navigation. (Firefox CSS can also place an url-bar on top (below the tabs or merged with the tabs on the left) or at the bottom of the browser)
Terminals (URxvt-256color) showing from left: screenfetch and ncmpcpp + mpd.
My files can be found at twily.info (files updated for this theme May 17th, 2014)
Due to boredom I decided to do a complete overhaul of my Xmonad desktop, and I have to say that I'm very pleased with the result.
You can see in screen two instances of Dzen2, the one on top, with the colors, contain information about the workspaces: If it is active, it is red, if occupied green, and if empty, grey. A little bit below is the other instance of Dzen, with conky piped through it for system information.