XO colors: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
(→xocolor.py: update link) |
||
| (15 intermediate revisions by 9 users not shown) | |||
| Line 1: | Line 1: | ||
{{ |
{{RightTOC}} |
||
== control.py == |
|||
There are 29 different colors used for logo colors. Each logo has two colors—an outline color and a fill color. The list of color pairs is in the OLPC source repository in the file <tt>[http://dev.laptop.org/git.do?p=sugar;a=blob;f=sugar/graphics/xocolor.py;hb=HEAD sugar/sugar/graphics/xocolors.py]</tt>. |
|||
There are 18 (6 colors in 3 hues) colors to pick from for two-color '''buddy icon''' customization. However, in order to encourage color contrast, [[sugar-control-panel]] does not allow, the same two colors. Which makes 306 unique color combinations (From: /usr/share/sugar/shell/controlpanel/control.py ). A table of XO icons in the 306 colors is at [[Media:Buddy-Icon-Color-Matrix.pdf]]. |
|||
{| style="padding:0.5em;" |
|||
|- |
|||
| COLOR NAME || dark || medium || light || |
|||
|- |
|||
| style="color:#B20008;" | RED |
|||
| style="padding:0.5em;background:#B20008;color:white;" | B20008 |
|||
| style="padding:0.5em;background:#E6000A;" | E6000A |
|||
| style="padding:0.5em;background:#FFADCE;" | FFADCE |
|||
|- |
|||
| style="color:#9A5200;" | ORANGE |
|||
| style="padding:0.5em;background:#9A5200;color:white;" | 9A5200 |
|||
| style="padding:0.5em;background:#C97E00;" | C97E00 |
|||
| style="padding:0.5em;background:#FFC169;" | FFC169 |
|||
|- |
|||
| style="color:#807500;" | YELLOW |
|||
| style="padding:0.5em;background:#807500;color:white;" | 807500 |
|||
| style="padding:0.5em;background:#BE9E00;" | BE9E00 |
|||
| style="padding:0.5em;background:#FFFA00;" | FFFA00 |
|||
|- |
|||
| style="color:#008009;" | GREEN |
|||
| style="padding:0.5em;background:#008009;color:white;" | 008009 |
|||
| style="padding:0.5em;background:#00b20d;" | 00b20d |
|||
| style="padding:0.5em;background:#8bff7a;" | 8bff7a |
|||
|- |
|||
| style="color:#00588C;" | BLUE |
|||
| style="padding:0.5em;background:#00588C;color:white;" | 00588C |
|||
| style="padding:0.5em;background:#005FE4;" | 005FE4 |
|||
| style="padding:0.5em;background:#bccdff;" | bccdff |
|||
|- |
|||
| style="color:#5e008c;" | PURPLE |
|||
| style="padding:0.5em;background:#5e008c;color:white;" | 5e008c |
|||
| style="padding:0.5em;background:#7f00bf;" | 7f00bf |
|||
| style="padding:0.5em;background:#d1a3ff;" | d1a3ff |
|||
|- |
|||
|} |
|||
== xocolor.py == |
|||
There are 27 different colors used for logo colors. Each logo has two colors—an outline color and a fill color. 841 combinations. (However, the following file only has 120 color combinations, and some of them are duplicates) |
|||
(file: /usr/lib/python2.7/site-packages/sugar/graphics/xocolor.py also found in the GIT file <tt>[http://cgit.sugarlabs.org/sugar-core/mainline.git/tree/toolkit/src/sugar/graphics/xocolor.py /sugar-core/toolkit/src/sugar/graphics/xocolors.py]</tt> |
|||
'''NOTE: these values are not current.''' --[[Special:Contributions/80.12.80.112|80.12.80.112]] 14:50, 16 May 2009 (UTC) |
|||
{| |
{| |
||
| Line 41: | Line 84: | ||
|} |
|} |
||
== RGB and Hex values == |
|||
| ⚫ | |||
PDF with the RGB and hex values for the 27 colors. [[Image:Xo colors.pdf]] |
|||
Here are the sample colors from the pdf. |
|||
{| |
|||
|- |
|||
| style="padding:0.5em;background:#FF2B34;" | #FF2B34<br/>RGB (255, 43, 52) |
|||
| style="padding:0.5em;background:#E6000A;" | #E6000A<br/>RGB (230, 0, 10) |
|||
| style="padding:0.5em;background:#B20008;" | #B20008<br/>RGB (178, 0, 8) |
|||
| style="padding:0.5em;background:#9A5200;" | #9A5200<br/>RGB (154, 84, 0) |
|||
| style="padding:0.5em;background:#C97E00;" | #C97E00<br/>RGB (201, 126, 0) |
|||
|- |
|||
| style="padding:0.5em;background:#FF8F00;" | #FF8F00<br/>RGB (255, 143, 0) |
|||
| style="padding:0.5em;background:#BE9E00;" | #BE9E00<br/>RGB (190, 158, 0) |
|||
| style="padding:0.5em;background:#FFC169;" | #FFC169<br/>RGB (255, 193, 105) |
|||
| style="padding:0.5em;background:#F8E800;" | #F8E800<br/>RGB (248, 232, 0) |
|||
| style="padding:0.5em;background:#FFFA00;" | #FFFA00<br/>RGB (255, 250, 0) |
|||
|- |
|||
| style="padding:0.5em;background:#8BFF7A;" | #8BFF7A<br/>RGB (139, 255, 122) |
|||
| style="padding:0.5em;background:#00EA11;" | #00EA11<br/>RGB (0, 234, 17) |
|||
| style="padding:0.5em;background:#008009;" | #008009<br/>RGB (0, 128, 9) |
|||
| style="padding:0.5em;background:#807500;" | #807500<br/>RGB (128, 117, 0) |
|||
| style="padding:0.5em;background:#00588C;" | #00588C<br/>RGB (0, 88, 140) |
|||
|- |
|||
| style="padding:0.5em;background:#005FE4;" | #005FE4<br/>RGB (0, 95, 228) |
|||
| style="padding:0.5em;background:#00A0FF;" | #00A0FF<br/>RGB (0, 160, 255) |
|||
| style="padding:0.5em;background:#BCCEFF;" | #BCCEFF<br/>RGB (188, 206, 255) |
|||
| style="padding:0.5em;background:#BCCDFF;" | #BCCDFF<br/>RGB (188, 205, 255) |
|||
| style="padding:0.5em;background:#D1A3FF;" | #D1A3FF<br/>RGB (209, 163, 255) |
|||
|- |
|||
| style="padding:0.5em;background:#AC32FF;" | #AC32FF<br/>RGB (172, 50, 255) |
|||
| style="padding:0.5em;background:#A700FF;" | #A700FF<br/>RGB (167, 0, 255) |
|||
| style="padding:0.5em;background:#9900E6;" | #9900E6<br/>RGB (153, 0, 230) |
|||
| style="padding:0.5em;background:#7F00BF;" | #7F00BF<br/>RGB (127, 0, 191) |
|||
| style="padding:0.5em;background:#5E008C;" | #5E008C<br/>RGB (94, 0, 140) |
|||
|- |
|||
| style="padding:0.5em;background:#FFADCE;" | #FFADCE<br/>RGB (255, 173, 206) |
|||
| style="padding:0.5em;background:#00B20D;" | #00B20D<br/>RGB (0, 178, 13) |
|||
|} |
|||
| ⚫ | |||
* [[OLPC Human Interface Guidelines/The Sugar Interface/Colors]] |
* [[OLPC Human Interface Guidelines/The Sugar Interface/Colors]] |
||
* [[Colors]] |
|||
[[Category:Sugar]] |
[[Category:Sugar]] |
||
Latest revision as of 03:26, 18 October 2011
control.py
There are 18 (6 colors in 3 hues) colors to pick from for two-color buddy icon customization. However, in order to encourage color contrast, sugar-control-panel does not allow, the same two colors. Which makes 306 unique color combinations (From: /usr/share/sugar/shell/controlpanel/control.py ). A table of XO icons in the 306 colors is at Media:Buddy-Icon-Color-Matrix.pdf.
| COLOR NAME | dark | medium | light | |
| RED | B20008 | E6000A | FFADCE | |
| ORANGE | 9A5200 | C97E00 | FFC169 | |
| YELLOW | 807500 | BE9E00 | FFFA00 | |
| GREEN | 008009 | 00b20d | 8bff7a | |
| BLUE | 00588C | 005FE4 | bccdff | |
| PURPLE | 5e008c | 7f00bf | d1a3ff |
xocolor.py
There are 27 different colors used for logo colors. Each logo has two colors—an outline color and a fill color. 841 combinations. (However, the following file only has 120 color combinations, and some of them are duplicates) (file: /usr/lib/python2.7/site-packages/sugar/graphics/xocolor.py also found in the GIT file /sugar-core/toolkit/src/sugar/graphics/xocolors.py
NOTE: these values are not current. --80.12.80.112 14:50, 16 May 2009 (UTC)
| FFFA00 | 8BFF7A | F8E800 | BCCEFF |
| BCCDFF | FFC169 | FFADCE | D1A3FF |
| 00EA11 | FF8F00 | BE9E00 | C97E00 |
| 00A0FF | 00B20D | 807500 | 008009 |
| 9A5200 | AC32FF | FF2B34 | 005FE4 |
| 00588C | A700FF | E6000A | 9900E6 |
| 7F00BF | B20008 | 5E008C |
RGB and Hex values
PDF with the RGB and hex values for the 27 colors. File:Xo colors.pdf
Here are the sample colors from the pdf.
| #FF2B34 RGB (255, 43, 52) |
#E6000A RGB (230, 0, 10) |
#B20008 RGB (178, 0, 8) |
#9A5200 RGB (154, 84, 0) |
#C97E00 RGB (201, 126, 0) |
| #FF8F00 RGB (255, 143, 0) |
#BE9E00 RGB (190, 158, 0) |
#FFC169 RGB (255, 193, 105) |
#F8E800 RGB (248, 232, 0) |
#FFFA00 RGB (255, 250, 0) |
| #8BFF7A RGB (139, 255, 122) |
#00EA11 RGB (0, 234, 17) |
#008009 RGB (0, 128, 9) |
#807500 RGB (128, 117, 0) |
#00588C RGB (0, 88, 140) |
| #005FE4 RGB (0, 95, 228) |
#00A0FF RGB (0, 160, 255) |
#BCCEFF RGB (188, 206, 255) |
#BCCDFF RGB (188, 205, 255) |
#D1A3FF RGB (209, 163, 255) |
| #AC32FF RGB (172, 50, 255) |
#A700FF RGB (167, 0, 255) |
#9900E6 RGB (153, 0, 230) |
#7F00BF RGB (127, 0, 191) |
#5E008C RGB (94, 0, 140) |
| #FFADCE RGB (255, 173, 206) |
#00B20D RGB (0, 178, 13) |