Sugar Icon Format: Difference between revisions
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>