<?xml version="1.0"?>
<theme name="MBOpus" author="Matthew Allum - mallum@handhelds.org"
       desc="" version="1.0" engine_version="1" >

<!--

  This theme uses pngs only for buttons, everything else is drawn using	
  themeing 'primitives' ( solid rects, gradients ). Its therefore very 
  easy to change the theme color scheme :).
  ( Note, if you do, you'll probably want to update theme.desktop aswell )

-->

<color id="white" def="#ffffff" />
<color id="black" def="#11111d" />

<!-- 
  
  Set the various 1pixel border colors.
  Note: Border mid is used for east/west/south frame margins.

-->

<color id="borderdark" def="#444a57" />
<color id="borderlight" def="#c8cbca" />
<color id="bordermid" def="#4b525e" />

<!-- 
   
  Title ( north ) frame 2 stage gradient colors ( grad1 -> grad2 -> grad3 ). 
  Set all three equal for a 'solid' look. 

  #93939f looks nice.

-->

<color id="grad1" def="#939aa2" />
<color id="grad2" def="#717885" />
<color id="grad3" def="#656b7b" />

<!-- Task selector menu thingy cols -->

<color id="menuborder" def="#8f9489" />
<color id="menubg" def="#e1e6da" />
<color id="menutext" def="#222222" />
<color id="menuhl" def="#ccd2c6" />

<!-- Title text -->

<color id="textcol" def="#e5e8de" />

<font id="titlefont" def="Sans bold shadow 16px" />
<font id="menufont" def="Sans bold 16px" />

<pixmap id="closebutton" filename="closebutton.png" />  

<frame id="main" height="20">

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="borderdark" />

  <layer x="1" y="1" w="100%-2"  h="1" 
   type="plain" color="borderlight" />

  <layer x="1" y="2" w="100%-2"  h="13" 
   type="gradient-vert" startcol="grad1" endcol="grad2"/>

  <layer x="1" y="15" w="100%-2"  h="4" 
   type="gradient-vert" startcol="grad2" endcol="grad3"/>

  <layer x="1" y="1" w="1"  h="100%-1" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="100%-2" y="1" w="1"  h="100%-1" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="2" y="19" w="1"  h="1" 
   type="plain" color="grad3" />

  <layer x="100%-3" y="19" w="1"  h="1" 
   type="plain" color="grad3" />

  <layer x="6" y="2" w="16"  h="16" type="icon" />

  <layer x="26" y="2" w="100%-60" h="20" 
   type="label" color="textcol" justify="left" font="titlefont" />


  <button x="2" y="0" w="100%-60" h="24" action="menu" options="inputonly" />

  <button x="-20" y="0" w="16" h="20" action="close" >
   <active pixmap="closebutton" blend="-100"/>
   <inactive pixmap="closebutton" />
  </button>

</frame>

<frame id="main-east" width="4" >

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="bordermid" />

  <layer x="1" y="0" w="2"  h="100%" 
   type="plain" color="grad3" />

</frame>

<frame id="main-west"  width="4" >

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="bordermid" />

  <layer x="1" y="0" w="2"  h="100%" 
   type="plain" color="grad3" />

</frame>

<frame id="main-south" height="4" >

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="bordermid" />

  <layer x="1" y="1" w="100%-2"  h="100%-2" 
   type="plain" color="grad3" />

  <layer x="1" y="0" w="2"  h="1" 
   type="plain" color="grad3" />

  <layer x="100%-3" y="0" w="2"  h="1" 
   type="plain" color="grad3" />

  <layer x="3" y="1" w="100%-6"  h="1" 
   type="plain" color="borderlight" />

</frame>

<frame id="dialog" height="20" options="shaped">

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="borderdark" />

  <layer x="1" y="1" w="100%-2"  h="1" 
   type="plain" color="borderlight" />

  <layer x="1" y="2" w="100%-2"  h="13" 
   type="gradient-vert" startcol="grad1" endcol="grad2"/>

  <layer x="1" y="15" w="100%-2"  h="4" 
   type="gradient-vert" startcol="grad2" endcol="grad3"/>

  <layer x="1" y="1" w="1"  h="100%-1" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="100%-2" y="1" w="1"  h="100%-1" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="2" y="19" w="1"  h="1" 
   type="plain" color="grad3" />

  <layer x="100%-3" y="19" w="1"  h="1" 
   type="plain" color="grad3" />

  <layer x="5" y="3" w="100%-60" h="20" 
   type="label" color="textcol" justify="left" font="titlefont" />

  <button x="-20" y="0" w="16" h="20" action="close" >
   <active pixmap="closebutton" blend="-100"/>
   <inactive pixmap="closebutton" />
  </button>

</frame>


<frame id="dialog-north" height="4" options="shaped">

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="borderdark" />

  <layer x="1" y="1" w="100%-2"  h="1" 
   type="plain" color="borderlight" />

  <layer x="1" y="2" w="100%-2"  h="2" 
   type="plain" color="grad3"/>

  <layer x="1" y="1" w="1"  h="100%-1" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="100%-2" y="1" w="1"  h="100%-1" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="2" y="19" w="1"  h="1" 
   type="plain" color="grad3" />

  <layer x="100%-3" y="19" w="1"  h="1" 
   type="plain" color="grad3" />
  
</frame>

<frame id="dialog-east" width="4" >

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="bordermid" />

  <layer x="1" y="0" w="2"  h="100%" 
   type="plain" color="grad3" />

</frame>

<frame id="dialog-west" width="4" >

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="bordermid" />

  <layer x="1" y="0" w="2"  h="100%" 
   type="plain" color="grad3" />

</frame>

<frame id="dialog-south" height="4" >

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="bordermid" />

  <layer x="1" y="1" w="100%-2"  h="100%-2" 
   type="plain" color="grad3" />

  <layer x="1" y="0" w="2"  h="1" 
   type="plain" color="grad3" />

  <layer x="100%-3" y="0" w="2"  h="1" 
   type="plain" color="grad3" />

  <layer x="3" y="1" w="100%-6"  h="1" 
   type="plain" color="borderlight" />


</frame>

<!-- not much really uses these any more -->

<frame id="utility-max" width="20">

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="borderdark" />

  <layer x="1" y="1" w="100%-2"  h="1" 
   type="plain" color="borderlight" />

  <layer x="1" y="2" w="100%-2"  h="2" 
   type="plain" color="grad3"/>

  <button x="0" y="0" w="100%" h="100%" action="minimize" options="inputonly"/>

</frame>

<frame id="utility-min" height="20">

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="borderdark" />

  <layer x="1" y="1" w="100%-2"  h="1" 
   type="plain" color="borderlight" />

  <layer x="1" y="2" w="100%-2"  h="2" 
   type="plain" color="grad3"/>

  <layer x="1" y="1" w="1"  h="100%-1" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="100%-2" y="1" w="1"  h="100%-2" 
   type="gradient-vert" startcol="borderlight" endcol="grad3"/>

  <layer x="2" y="19" w="1"  h="1" 
   type="plain" color="grad3" />

  <layer x="100%-3" y="19" w="1"  h="1" 
   type="plain" color="grad3" />

  <button x="0" y="0" w="100%-20" h="100%" 
  action="maximize" options="inputonly"/>

  <button x="-20" y="0" w="16" h="20" action="close" >
   <active pixmap="closebutton" blend="-100"/>
   <inactive pixmap="closebutton" />
  </button>

</frame>


<frame id="menu" 
        border_north="2" 
	border_south="2" 
	border_west="2" 
        border_east="2"
        font="menufont" 
	highlight="menuhl"
        color="black" >

  <layer x="0" y="0" w="100%"  h="100%" 
   type="plain" color="menuborder" />

  <layer x="1" y="0" w="100%-2"  h="100%-1" 
   type="plain" color="menubg" />
</frame>

</theme>