[ubuntu-art] Kin Dust

Andreas Berger andi.berger at edumail.at
Mon Sep 1 17:15:15 BST 2008


Ken Vermette schrieb:
> Right now I'm fighting with panels. There are two problems with them;
>  - The buttons on the panels are beige, instead of blending in with 
> the panels.
>  - The Applications-Places-System use the wrong background, they 
> should look like the rest of the panel.

I used a TRANSPARENT MENUBAR on the panel when i created a pixmap theme 
with inverted panels. i know that most themes just have the same image 
file for both the menubar and the panel itself, but that can get messy 
because the panel and the menubar have different resizing behaviors (due 
to panel theming restrictions).
i guess the transparency solution can be used for other panel stuff like 
applets as well. so here it is (sorry for the weird layout, this is an 
old one):

------------------------------------------------------------------------

style "panel" = "default-inverted"
{
    xthickness = 0
    ythickness = 0
    bg_pixmap[NORMAL]    ="panel.png"                #unfortunately this 
is the only way we can get a pixmap to be the panel bg
}

#################################################################################################

style "panel-menubar" = "default-inverted"
{
 engine "pixmap" {
  image {
    function        = BOX
    file            = "transparent.png"            #transparent menubar 
to let the panel look through, this could also be used for panel applets
    border            = { 0, 0, 0, 0 }
    stretch            = TRUE
    }
}}


style "panel-menubar-item" = "default-inverted"
{
 engine "pixmap" {
  image {
    function        = BOX
    file            = "panel-button-in_prelight.png"    #selected 
menubar item will look like a pressed panel button
    border            = { 5, 5, 5, 5 }
    stretch            = TRUE
    }
}}

#################################################################################################

style "panel-button" = "default-inverted"
{
    xthickness = 2
 engine "pixmap" {
  image {
    function        = BOX
    state        = NORMAL
    file            = "panel-button-out.png"
    border          = { 5, 5, 5, 5 }
    stretch         = TRUE
    }
  image {
    function        = BOX
    shadow          = OUT
    state        = PRELIGHT
    file            = "panel-button-out_prelight.png"
    border          = { 5, 5, 5, 5 }
    stretch         = TRUE
    }
  image {
    function        = BOX
    state        = ACTIVE
    file            = "panel-button-in.png"
    border          = { 5, 5, 5, 5 }
    stretch         = TRUE
    }
  image {
    function        = BOX
    shadow          = IN
    state        = PRELIGHT
    file            = "panel-button-in_prelight.png"
    border          = { 5, 5, 5, 5 }
    stretch         = TRUE
    }
}}

#################################################################################################
#################################################################################################
#################################################################################################


widget_class "*PanelToplevel*"            style "panel"
widget_class "*PanelToplevel*<GtkButton>*"    style "panel-button"    
    #the "<>" brackets ensure that not only strictly GtkButton is 
affected, but also e.g.GtkToggleButton
widget_class "*PanelToplevel*MenuBar"        style "panel-menubar"    
    #panel menubar should look different from menubar in a window
widget_class "*PanelToplevel*MenuBar.*"        style 
"panel-menubar-item"    #panel menubar should look different from 
menubar in a window



More information about the ubuntu-art mailing list