XO colors: Difference between revisions

From OLPC
Jump to navigation Jump to search
m (→‎xocolor.py: added another reference)
(→‎xocolor.py: update link)
 
(7 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{RightTOC}}
{{RightTOC}}

== 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]].

{| 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 ==
== xocolor.py ==
There are 29 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 108 color combinations, and some of them are duplicates)
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.5/site-packages/sugar/graphics/xocolor.py also found in the GIT file <tt>[http://dev.laptop.org/git?p=sugar;a=blob;f=sugar/lib/sugar/graphics/xocolor.py lib/sugar/graphics/xocolors.py]</tt>
(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 42: Line 84:
|}
|}


== control.py ==
== RGB and Hex values ==
PDF with the RGB and hex values for the 27 colors. [[Image:Xo colors.pdf]]
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 )


Here are the sample colors from the pdf.
{| style="padding:0.5em;"

{|
|-
|-
| style="padding:0.5em;background:#FF2B34;" | #FF2B34<br/>RGB (255, 43, 52)
| COLOR NAME || dark || medium || light ||
| 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="color:#B20008;" | RED
| style="padding:0.5em;background:#FF8F00;" | #FF8F00<br/>RGB (255, 143, 0)
| style="padding:0.5em;background:#B20008;color:white;" | B20008
| style="padding:0.5em;background:#BE9E00;" | #BE9E00<br/>RGB (190, 158, 0)
| style="padding:0.5em;background:#E6000A;" | E6000A
| style="padding:0.5em;background:#FFC169;" | #FFC169<br/>RGB (255, 193, 105)
| style="padding:0.5em;background:#FFADCE;" | FFADCE
| 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="color:#9A5200;" | ORANGE
| style="padding:0.5em;background:#8BFF7A;" | #8BFF7A<br/>RGB (139, 255, 122)
| style="padding:0.5em;background:#9A5200;color:white;" | 9A5200
| style="padding:0.5em;background:#00EA11;" | #00EA11<br/>RGB (0, 234, 17)
| style="padding:0.5em;background:#C97E00;" | C97E00
| style="padding:0.5em;background:#008009;" | #008009<br/>RGB (0, 128, 9)
| style="padding:0.5em;background:#FFC169;" | FFC169
| 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="color:#807500;" | YELLOW
| style="padding:0.5em;background:#005FE4;" | #005FE4<br/>RGB (0, 95, 228)
| style="padding:0.5em;background:#807500;color:white;" | 807500
| style="padding:0.5em;background:#00A0FF;" | #00A0FF<br/>RGB (0, 160, 255)
| style="padding:0.5em;background:#BE9E00;" | BE9E00
| style="padding:0.5em;background:#BCCEFF;" | #BCCEFF<br/>RGB (188, 206, 255)
| style="padding:0.5em;background:#FFFA00;" | FFFA00
| 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="color:#008009;" | GREEN
| style="padding:0.5em;background:#AC32FF;" | #AC32FF<br/>RGB (172, 50, 255)
| style="padding:0.5em;background:#008009;color:white;" | 008009
| style="padding:0.5em;background:#A700FF;" | #A700FF<br/>RGB (167, 0, 255)
| style="padding:0.5em;background:#00b20d;" | 00b20d
| style="padding:0.5em;background:#9900E6;" | #9900E6<br/>RGB (153, 0, 230)
| style="padding:0.5em;background:#8bff7a;" | 8bff7a
| 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="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
|-
|-
| style="padding:0.5em;background:#FFADCE;" | #FFADCE<br/>RGB (255, 173, 206)
| style="padding:0.5em;background:#00B20D;" | #00B20D<br/>RGB (0, 178, 13)
|}
|}

== RBG and Hex values ==
PDF with the RBG and hex values for the 27 colors. [[Image:Xo colors.pdf]]


== See also: ==
== See also: ==

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)

See also: