awtk/demos/res/raw/theme/theme.xml

<window>
  <style name="default">
    <normal bg-color="#f0f0f0"/>
  </style>

  <style name="1:bricks">
    <normal bg-image="bricks"  bg-image-draw-type="repeat"/>
  </style>
</window>

<button>
  <style name="default" border-color="#a0a0a0"  text-color="black">
    <normal     bg-color="#f0f0f0" />
    <pressed    bg-color="#c0c0c0" />
    <over       bg-color="#e0e0e0" />
    <disable    bg-color="gray" text-color="#d0d0d0" />
  </style>
</button>

<button bg-image-draw-type="3patch_x" text-color="blue">
  <style name="1:green_btn" >
    <normal   bg-image="green_btn_n" />
    <pressed  bg-image="green_btn_p" />
    <over     bg-image="green_btn_o" />
  </style>

  <style name="2:red_btn">
    <normal   bg-image="red_btn_n" />
    <pressed  bg-image="red_btn_p" />
    <over     bg-image="red_btn_o" />
  </style>
</button>

<label>
  <style name="default">
    <normal text-color="black" />
  </style>

  <style name="1:green">
    <normal text-color="green" />
  </style>

  <style name="2:left">
    <normal text-color="red" text-align-h="left" border-color="#a0a0a0" margin="4" />
  </style>

  <style name="3:center">
    <normal text-color="green" text-align-h="center" border-color="#a0a0a0"/>
  </style>
  
  <style name="4:right">
    <normal text-color="blue" text-align-h="right" border-color="#a0a0a0" margin="4"/>
  </style>
  
  <style name="5:center-ap">
    <normal text-color="green" text-align-h="center" border-color="#a0a0a0" font-name="ap" font-size="12"/>
  </style>

</label>

<progress_bar>
  <style>
    <normal bg-color="#f0f0f0" text-color="gold" fg-color="#c0c0c0" border-color="#a0a0a0" />
  </style>
  
  <style name="1:img" bg-image="slider_bg" fg-image="slider_fg">
    <normal icon="slider_drag"/>
  </style>

  <style name="2:img-v"  bg-image="slider_v_bg" fg-image="slider_v_fg" bg-image-draw-type="3patch_y" fg-image-draw-type="3patch_y">
    <normal icon="slider_drag"/>
  </style>
</progress_bar>

<slider>
  <style>
    <normal bg-color="#a0a0a0" fg-color="blue" border-color="#ffd700"/>
    <pressed bg-color="#a0a0a0" fg-color="blue" border-color="#ffa700"/>
    <over bg-color="#a0a0a0" fg-color="blue" border-color="#ffe700"/>
  </style>

  <style name="1:img" bg-image="slider_bg" fg-image="slider_fg">
    <normal icon="slider_drag"/>
    <pressed icon="slider_drag_p"/>
    <over icon="slider_drag_o"/>
  </style>

  <style name="2:img-v"  bg-image="slider_v_bg" fg-image="slider_v_fg" bg-image-draw-type="3patch_y" fg-image-draw-type="3patch_y">
    <normal icon="slider_drag"/>
    <pressed icon="slider_drag_p"/>
    <over icon="slider_drag_o"/>
  </style>
</slider>

<group_box>
  <style>
    <normal />
  </style>

  <style name="1:box">
    <normal bg-color="#f0f0f0" border-color="#a0a0a0" />
  </style>
</group_box>

<check_button bg-color="#f0f0f0" text-color="black">
  <style name="default">
    <checked   icon="checked" />
    <unchecked icon="unchecked" />
  </style>
  <style name="1:mute" >
    <checked   icon="unmuted" />
    <unchecked icon="muted" />
  </style>
</check_button>

<radio_button>
  <style name="default" bg-color="#f0f0f0" text-color="black">
    <checked   icon="radio_checked" />
    <unchecked icon="radio_unchecked" />
  </style>
  <style name="2:left">
    <checked   icon="left_on" />
    <unchecked icon="left_off" />
  </style>
  <style name="3:middle">
    <checked   icon="middle_on" />
    <unchecked icon="middle_off" />
  </style>
  <style name="4:right">
    <checked   icon="right_on" />
    <unchecked icon="right_off" />
  </style>
</radio_button>

<image>
  <style name="1:border">
    <normal border-color="#000000" bg-color="#e0e0e0"/>
  </style>
</image>

<dialog_title>
  <style name="default">
    <normal bg-image="dialog_title"  bg-image-draw-type="3patch_x" icon="info"/>
  </style>
</dialog_title>

<dialog_client>
  <style name="default">
    <normal bg-color="#ededed" border-color="#a9a9a0" />
  </style>
</dialog_client>