Sugar Icon Format: Difference between revisions

From OLPC
Jump to navigation Jump to search
No edit summary
 
No edit summary
Line 4: Line 4:
<!ENTITY stroke_color "#000000">
<!ENTITY stroke_color "#000000">
* Size, colors and layout should respect the HIG [[OLPC_Human_Interface_Guidelines/The_Sugar_Interface/Icons|guidelines]]
* Size, colors and layout should respect the HIG [[OLPC_Human_Interface_Guidelines/The_Sugar_Interface/Icons|guidelines]]

= Example =

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY fill_color "#FFFFFF">
<!ENTITY stroke_color "#000000">
]>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
<rect x="1" y="1" width="48" height="48" style="fill:&fill_color;;stroke:&stroke_color;;stroke-width:2"/>
</svg>

Revision as of 11:16, 7 February 2007

  • All icons used by Sugar should use the SVG format.
  • The following entities should be defined to allow to dinamically modify the icons.
<!ENTITY fill_color "#FFFFFF">
<!ENTITY stroke_color "#000000">
  • Size, colors and layout should respect the HIG guidelines

Example

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
  <!ENTITY fill_color "#FFFFFF">
  <!ENTITY stroke_color "#000000">
]>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
  <rect x="1" y="1" width="48" height="48" style="fill:&fill_color;;stroke:&stroke_color;;stroke-width:2"/>
</svg>