blob: 244e1f3b4824f5d88502105b89ef45bd4340af25 [file] [log] [blame]
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered)">
<title>Color schemas</title>
<link rel=Stylesheet type="text/css" media=all href="../book.css">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Cambria;
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
h1
{mso-style-link:"\00DCberschrift 1 Zchn";
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:0cm;
page-break-after:avoid;
font-size:16.0pt;
font-family:"Times New Roman","serif";
font-weight:bold;}
h2
{mso-style-link:"\00DCberschrift 2 Zchn";
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:0cm;
page-break-after:avoid;
font-size:14.0pt;
font-family:"Times New Roman","serif";
font-weight:bold;
font-style:italic;}
h3
{mso-style-link:"\00DCberschrift 3 Zchn";
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:0cm;
page-break-after:avoid;
font-size:13.0pt;
font-family:"Times New Roman","serif";
font-weight:bold;}
h4
{mso-style-link:"\00DCberschrift 4 Zchn";
margin-top:11.25pt;
margin-right:0cm;
margin-bottom:1.7pt;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";
font-weight:bold;
font-style:italic;}
h5
{mso-style-link:"\00DCberschrift 5 Zchn";
margin-right:0cm;
margin-left:0cm;
font-size:10.0pt;
font-family:"Times New Roman","serif";
font-weight:bold;}
h6
{mso-style-link:"\00DCberschrift 6 Zchn";
margin-right:0cm;
margin-left:0cm;
font-size:7.5pt;
font-family:"Times New Roman","serif";
font-weight:bold;}
p.MsoCaption, li.MsoCaption, div.MsoCaption
{margin-top:6.0pt;
margin-right:0cm;
margin-bottom:24.0pt;
margin-left:0cm;
text-align:justify;
font-size:10.0pt;
font-family:"Times New Roman","serif";
font-weight:bold;}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
p
{margin-top:5.65pt;
margin-right:0cm;
margin-bottom:5.65pt;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
pre
{mso-style-link:"HTML Vorformatiert Zchn";
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:3.4pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Courier New";}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-link:"Sprechblasentext Zchn";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.berschrift1Zchn
{mso-style-name:"\00DCberschrift 1 Zchn";
mso-style-link:"\00DCberschrift 1";
font-family:"Cambria","serif";
color:#365F91;
font-weight:bold;}
span.berschrift2Zchn
{mso-style-name:"\00DCberschrift 2 Zchn";
mso-style-link:"\00DCberschrift 2";
font-family:"Cambria","serif";
color:#4F81BD;
font-weight:bold;}
span.berschrift3Zchn
{mso-style-name:"\00DCberschrift 3 Zchn";
mso-style-link:"\00DCberschrift 3";
font-family:"Cambria","serif";
color:#4F81BD;
font-weight:bold;}
span.berschrift4Zchn
{mso-style-name:"\00DCberschrift 4 Zchn";
mso-style-link:"\00DCberschrift 4";
font-family:"Cambria","serif";
color:#4F81BD;
font-weight:bold;
font-style:italic;}
span.berschrift5Zchn
{mso-style-name:"\00DCberschrift 5 Zchn";
mso-style-link:"\00DCberschrift 5";
font-family:"Cambria","serif";
color:#243F60;}
span.berschrift6Zchn
{mso-style-name:"\00DCberschrift 6 Zchn";
mso-style-link:"\00DCberschrift 6";
font-family:"Cambria","serif";
color:#243F60;
font-style:italic;}
span.HTMLVorformatiertZchn
{mso-style-name:"HTML Vorformatiert Zchn";
mso-style-link:"HTML Vorformatiert";
font-family:Consolas;}
span.SprechblasentextZchn
{mso-style-name:"Sprechblasentext Zchn";
mso-style-link:Sprechblasentext;
font-family:"Tahoma","sans-serif";}
p.code, li.code, div.code
{mso-style-name:code;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:15.0pt;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.note, li.note, div.note
{mso-style-name:note;
margin-top:19.5pt;
margin-right:0cm;
margin-bottom:19.5pt;
margin-left:30.0pt;
font-size:13.0pt;
font-family:"Times New Roman","serif";
font-style:italic;}
p.comment, li.comment, div.comment
{mso-style-name:comment;
margin-top:5.65pt;
margin-right:0cm;
margin-bottom:5.65pt;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";
font-weight:bold;}
p.msochpdefault, li.msochpdefault, div.msochpdefault
{mso-style-name:msochpdefault;
margin-top:5.65pt;
margin-right:0cm;
margin-bottom:5.65pt;
margin-left:0cm;
font-size:10.0pt;
font-family:"Times New Roman","serif";}
span.code1
{mso-style-name:code1;
font-style:italic;}
span.longtext1
{mso-style-name:long_text1;}
.MsoChpDefault
{font-size:10.0pt;}
@page WordSection1
{size:595.45pt 841.7pt;
margin:72.0pt 89.85pt 72.0pt 89.85pt;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style>
</head>
<body bgcolor=white lang=DE link=blue vlink=purple style='margin-bottom:12.0pt'>
<div class=WordSection1>
<h1><span lang=EN-GB>Color Schemas</span></h1>
<p class=MsoNormal><span lang=EN-US style='color:black'>&nbsp;&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>Up to now we rendered
EClass shapes using a single background color (see implementation of class </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>StyleUtil</span><span
lang=EN-US style='color:black'> in chapter &#8220;<a href="styles.htm">Using
styles</a>&#8221;). It is also possible to use a complex background color schema
instead. This offers the following enhancements:</span></p>
<ul style='margin-top:0cm' type=disc>
<li class=MsoNormal style='color:black'><span lang=EN-US>Instead of a single
background color multiple colors can be defined, which are either
separated by a hard boundary or by a soft gradient color flow. Examples
are a gradient blue-to-white color flow or a rainbow of colors separated
by hard boundaries.</span></li>
<li class=MsoNormal style='color:black'><span lang=EN-US>The background colors
can change depending on the current interaction state. Examples for
interaction states are shape selection (unselected, primary selected,
secondary selected) or actions like dropping a child on a shape (allowed
or forbidden).</span></li>
</ul>
<p class=MsoNormal><span lang=EN-US style='color:black'>&nbsp;</span></p>
<p class=MsoNormal style='page-break-after:avoid'><span style='color:black'><img
border=0 width=669 height=423 src=visio/ui-spec-blue-white-gloss.png></span></p>
<p class=MsoCaption align=left style='text-align:left'><span lang=EN-US>Figure&nbsp;
Color schema definition for &quot;blue-white-gloss- unselected&#8221; from
usability engineers</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>Technically a complex
background color schema is defined in a <a
href="../../../javadoc/org/eclipse/graphiti/mm/algorithms/styles/RenderingStyle.html">RenderingStyle</a>.
Take care, that this has nothing to do with <a href="styles.htm">styles</a>,
except the confusing name! Also note that only background colors are defined in
a </span><span lang=EN-US style='font-family:"Courier New";color:black'>RenderingStyle</span><span
lang=EN-US style='color:black'> and not foreground colors.</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>Always keep in mind the
following rule: if a graphics algorithm has both a background color and a </span><span
lang=EN-US style='font-family:"Courier New";color:black'>RenderingStyle</span><span
lang=EN-US style='color:black'> defined, then the </span><span lang=EN-US
style='font-family:"Courier New";color:black'>RenderingStyle</span><span
lang=EN-US style='color:black'> is used and the background color is ignored.
The specification of such a style can be seen in the figure above.The highlight
at the top (the first 3 pixels below the top outline) and the inner shape (the
last pixel above the bottom outline) have a fixed height which is independent
of the shape size. They will stay unchanged even after the shape is resized.</span></p>
<h2><span lang=EN-US>Using Predefined Colored Areas</span></h2>
<p class=MsoNormal><span lang=EN-US style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>A </span><span
lang=EN-US style='font-family:"Courier New";color:black'>RenderingStyle</span><span
lang=EN-US style='color:black'> has only the attribute &#8220;</span><span
lang=EN-US style='font-family:"Courier New";color:black'>adaptedGradientColoredAreas</span><span
lang=EN-US style='color:black'>&#8221; of type </span><span lang=EN-US
style='font-family:"Courier New";color:black'>AdaptedGradientColoredAreas</span><span
lang=EN-US style='color:black'>, which must be one of those defined in </span><span
lang=EN-US style='font-family:"Courier New";color:black'>PredefinedColoredAreas</span><span
lang=EN-US style='color:black'>. With methods like </span><span lang=EN-US
style='font-family:"Courier New";color:black'>PredefinedColoredAreas.getBlueWhiteGlossAdaptions()</span><span
lang=EN-US style='color:black'>you can get them</span><span lang=EN-US
style='font-family:"Courier New";color:black'>.</span><span lang=EN-US
style='color:black'> There are only a few predefined rendering styles, which
are defined by the usability engineers of SAP. Tools can define further
rendering styles, but this is explained later in this chapter.</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span><span
style='color:black'><img border=0 width=732 height=186
src="visio/blue-white-gloss.jpg"></span></p>
<p class=MsoCaption><a name="_Ref136666137"></a><a name="_Toc176747803"></a><a
name="_Ref136407489"></a><span lang=EN-US>Figure: Example screenshot of the
different interaction states for the predefined style
&#8220;blue-white-gloss&#8221;<span style='color:black'>&nbsp;</span></span></p>
<p class=MsoNormal><span lang=EN-US>Within </span><span lang=EN-US
style='font-family:"Courier New"'>AdaptedGradientColoredAreas</span><span
lang=EN-US> these different interaction states are defined as
GradientColoredAreas and they are selected by Graphiti at runtime depending on
the current interaction state.</span></p>
<p class=MsoNormal><span lang=EN-US>.</span></p>
<p class=MsoNormal><span lang=EN-US>To use a <span style='color:black'><a
href="../../../javadoc/org/eclipse/graphiti/mm/algorithms/styles/RenderingStyle.html">RenderingStyle</a></span>
we have to change the <span style='color:black'>implementation of class
StyleUtil, which we created in the chapter &#8220;<a href="styles.htm">Using
styles</a>&#8221;.</span></span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>Instead of setting a
background color we will now set a predefined </span><span lang=EN-US
style='font-family:"Courier New"'>AdaptedGradientColoredAreas</span><span
lang=EN-US style='color:black'>.</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>You can see the
complete implementation of the style utility class here:</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=680
style='width:18.0cm;border-collapse:collapse'>
<tr>
<td width=680 valign=top style='width:18.0cm;border:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>&nbsp;</span></b></p>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>package</span></b><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:black'>org.eclipse.graphiti.examples.tutorial;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>public</span></b><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>class</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'> <span style='color:black'>StyleUtil
{</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;<span
style='color:black'>&nbsp;&nbsp;&nbsp;</span></span><span lang=EN-US> </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#3F7F5F'>//
... EXiSTING CODING ...</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>public</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'> <b><span
style='color:#7F0055'>static</span></b> <span style='color:black'>Style getStyleForEClass(Diagram
diagram) {</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>final</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'> <span style='color:black'>String
styleId =</span> <span style='color:#2A00FF'>&quot;E-CLASS&quot;</span><span
style='color:black'>;</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Style style = findStyle(diagram, styleId);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>if</span></b><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New"'> <span style='color:black'>(style ==</span>
<b><span style='color:#7F0055'>null</span></b><span style='color:black'>) {</span>
<span style='color:#3F7F5F'>// style not found - create new style</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#3F7F5F'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New"'>IGaService
gaService = Graphiti.getGaService();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
style =</span><span lang=EN-US> </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New"'>gaService<span style='color:black'>.createStyle(diagram,
styleId);</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
style.setForeground(</span><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New"'>gaService<span style='color:black'>.<i>manageColor</i>(diagram,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;</span>&nbsp;<span style='color:#0000C0'>E_CLASS_FOREGROUND</span><span
style='color:black'>));</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New"'>gaService<span
style='color:black'>.setRenderingStyle(style,</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PredefinedColoredAreas.getBlueWhiteGlossAdaptions());</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
style.setLineWidth(2);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
}</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>return</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'> <span style='color:black'>style;</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;
}</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#3F7F5F'>// ... EXiSTING CODING ...</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New";color:black'>}</span></p>
<p class=MsoNormal style='text-align:justify'><span lang=EN-GB
style='font-size:10.0pt;color:black'>&nbsp;</span></p>
</td>
</tr>
</table>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>Keep in mind that from now
on the background color attribute will not work any more. So you might consider
to delete the custom feature changing the background color, which was created
in the chapter about <a href="styles.htm">styles</a>.</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<h2><span lang=EN-US>Test: EClass Has Complex Background Color Schema</span></h2>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>Create a new diagram
and inside it create a new EClass. Verify that the background color is a
blue-white gradient. Also verify, that the background color changes, if you
select the EClass shape.</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<h2><span lang=EN-GB>Using Your Own </span><span lang=EN-US>Colored </span><span
lang=EN-GB>Areas</span></h2>
<p class=MsoNormal><span lang=EN-GB>We want to define our own (background color
schema) style with id &#8220;lime-white&#8221;. To do this we have to extend
the interface </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:black'>IPredefinedRenderingStyle </span><span lang=EN-US>to define the id
&#8220;lime-white</span><span lang=EN-GB>&#8221;. In addition we extend class </span><span
lang=EN-US style='font-family:"Courier New"'>PredefinedColoredAreas</span><span
lang=EN-US> to define colored areas for &#8220;lime-white&#8221;. The result
should look like the image below.</span></p>
<p class=MsoNormal><span lang=EN-GB>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB>&nbsp;</span></p>
<p class=MsoNormal style='page-break-after:avoid'><img border=0 width=352
height=153 src=visio/user-defined-gradient.png></p>
<p class=MsoCaption align=left style='text-align:left'><span lang=EN-US>Figure
The newly defined &quot;lime-white&quot; gradient</span></p>
<p class=MsoNormal><span lang=EN-GB>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB>You can see the complete implementation of
the interface tutorial rendering style here:</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=680
style='width:18.0cm;border-collapse:collapse'>
<tr>
<td width=680 valign=top style='width:18.0cm;border:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>&nbsp;</span></b></p>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>package</span></b><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:black'>org.eclipse.graphiti.examples.tutorial;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>import</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
org.eclipse.graphiti.util.IPredefinedRenderingStyle;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal align=center style='text-align:center;text-autospace:none'><b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>public</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> </span><b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>interface</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New"'>ITutorialRenderingStyle<span
style='color:black'> </span><b><span style='color:#7F0055'>extends</span></b><span
style='color:black'> IPredefinedRenderingStyle {</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>public</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> </span><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>static</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> </span><b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>final</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
String </span><i><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#0000C0'>LIME_WHITE_ID</span></i><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:black'> = </span><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;lime-white&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>;</span></p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New";color:black'>}</span></p>
<p class=MsoNormal style='text-align:justify'><span lang=EN-GB
style='font-size:10.0pt;color:black'>&nbsp;</span></p>
</td>
</tr>
</table>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0
style='border-collapse:collapse'>
<tr>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><b><span lang=EN-US>Solid Color/Gradient</span></b></p>
</td>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
border-left:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><b><span lang=EN-US>Pixel Row/Rows Location</span></b></p>
</td>
<td width=188 valign=top style='width:140.95pt;border:solid black 1.0pt;
border-left:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><b><span lang=EN-US>Hex 6 RGB Color</span></b></p>
</td>
</tr>
<tr>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Solid color</span></p>
</td>
<td width=227 valign=top style='width:6.0cm;border-top:none;border-left:none;
border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Pixel 1 (topmost pixel row)</span></p>
</td>
<td width=188 valign=top style='width:140.95pt;border-top:none;border-left:
none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>#CCFFCC</span></p>
</td>
</tr>
<tr>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Solid color</span></p>
</td>
<td width=227 valign=top style='width:6.0cm;border-top:none;border-left:none;
border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Pixel 2 (second pixel row)</span></p>
</td>
<td width=188 valign=top style='width:140.95pt;border-top:none;border-left:
none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>#CCFF99</span></p>
</td>
</tr>
<tr>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Solid color</span></p>
</td>
<td width=227 valign=top style='width:6.0cm;border-top:none;border-left:none;
border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Pixel 3 (third pixel row)</span></p>
</td>
<td width=188 valign=top style='width:140.95pt;border-top:none;border-left:
none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>#CCFF66</span></p>
</td>
</tr>
<tr>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Gradient start</span></p>
</td>
<td width=227 valign=top style='width:6.0cm;border-top:none;border-left:none;
border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Pixel 4</span></p>
</td>
<td width=188 valign=top style='width:140.95pt;border-top:none;border-left:
none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>#66FF00</span></p>
</td>
</tr>
<tr>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Gradient stop</span></p>
</td>
<td width=227 valign=top style='width:6.0cm;border-top:none;border-left:none;
border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Pixel one before last</span></p>
</td>
<td width=188 valign=top style='width:140.95pt;border-top:none;border-left:
none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>#CCFFCC</span></p>
</td>
</tr>
<tr>
<td width=188 valign=top style='width:140.9pt;border:solid black 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Solid color</span></p>
</td>
<td width=227 valign=top style='width:6.0cm;border-top:none;border-left:none;
border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal><span lang=EN-US>Last pixel (bottom pixel row)</span></p>
</td>
<td width=188 valign=top style='width:140.95pt;border-top:none;border-left:
none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal style='page-break-after:avoid'><span lang=EN-US>#CCFFCC</span></p>
</td>
</tr>
</table>
<p class=MsoCaption><span lang=EN-US>Figure Specification for &quot;lime-white
unselected&quot;</span></p>
<p class=MsoNormal><span lang=EN-US>For our new color scheme
&#8220;lime-white&#8221;, we are guided by the preceding example of
&#8220;blue-white-gloss.<span style='color:black'> The color scheme &nbsp;is
illustrated in the table above for the interaction state &#8220;not
selected&#8221;. </span>&nbsp;<span class=longtext1><span style='color:black'>There
are also three rows of pixels at the beginning and one at the end to represent
a sublime effect on the shape. In between, the resizable gradient has been
defined.</span></span><span style='color:black'> The interaction states
&#8220;primary selected&#8221; and &#8220;secondary selected&#8221; are treated
very similar and not listed here.</span></span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>The information of the
rows in the table above can be represented directly with the class </span><span
lang=EN-US style='font-family:"Courier New";color:black'>GradientColorArea</span><span
lang=EN-US style='color:black'>. Sequences of such colored areas can be
composed with the method </span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'>addGradientColoredArea</span></i><span
lang=EN-US style='color:black'> (..). These sequences are used to render the
color scheme. </span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US style='color:black'>We define
&#8220;lime-white&#8221; in our new class </span><span lang=EN-US
style='font-family:"Courier New";color:black'>TutorialColoredAreas</span><span
lang=EN-US style='color:black'> in a similar way, as
&#8220;blue-white-gloss&#8221; is defined in class </span><span lang=EN-US
style='font-family:"Courier New";color:black'>PredefinedColorAreas</span><span
lang=EN-US style='color:black'> . Do not forget to set the gradient type to &#8220;vertical&#8221;.
</span></p>
<p class=MsoNormal><span class=longtext1><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:black'>&nbsp;</span></span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US>You can see the complete implementation of
the tutorial colored area class here:</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=680
style='width:18.0cm;border-collapse:collapse'>
<tr>
<td width=893 valign=top style='width:670.05pt;border:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>&nbsp;</span></b></p>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>package</span></b><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:black'>org.eclipse.graphiti.examples.tutorial;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>public</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> </span><b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>class</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
TutorialColoredAreas </span><b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#7F0055'>extends</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>
PredefinedColoredAreas<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>implements</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> ITutorialRenderingStyle
{</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>private</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> </span><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>static</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
GradientColoredAreas getLimeWhiteDefaultAreas() {</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>final</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> GradientColoredAreas
gradientColoredAreas =<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
StylesFactory.</span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#0000C0'>eINSTANCE</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>.createGradientColoredAreas();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>final</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> EList&lt;GradientColoredArea&gt; gcas
=<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
gradientColoredAreas.getGradientColor();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFFCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
0, <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFFCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
1,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFF99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
1,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFF99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; LocationType.</span><i><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFF66&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFF66&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
3,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66FF00&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
3,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFFCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFFCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;CCFFCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
0,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
gradientColoredAreas.setStyleAdaption<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;(IPredefinedRenderingStyle.</span><i><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#0000C0'>STYLE_ADAPTATION_DEFAULT</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>return</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> gradientColoredAreas;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
}</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>private</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> </span><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>static</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> GradientColoredAreas
getLimeWhitePrimarySelectedAreas() {</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>final</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> GradientColoredAreas
gradientColoredAreas =<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;StylesFactory.</span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#0000C0'>eINSTANCE</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>.createGradientColoredAreas();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp; gradientColoredAreas.setStyleAdaption<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
(IPredefinedRenderingStyle.</span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#0000C0'>STYLE_ADAPTATION_PRIMARY_SELECTED</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>final</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> EList&lt;GradientColoredArea&gt; gcas
=<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
gradientColoredAreas.getGradientColor();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CCCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
0,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CCCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
1,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
1,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; LocationType.</span><i><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CC66&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CC66&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
3,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;00CC00&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
3,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;00CC66&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;00CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;00CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
0,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>return</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> gradientColoredAreas;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
}</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>private</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> </span><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>static</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
GradientColoredAreas getLimeWhiteSecondarySelectedAreas() {</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>final</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> GradientColoredAreas
gradientColoredAreas =<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;StylesFactory.</span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#0000C0'>eINSTANCE</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>.createGradientColoredAreas();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
gradientColoredAreas.setStyleAdaption<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
(IPredefinedRenderingStyle.</span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#0000C0'>STYLE_ADAPTATION_SECONDARY_SELECTED</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>final</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> EList&lt;GradientColoredArea&gt; gcas
=<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
gradientColoredAreas.getGradientColor();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CCCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
0,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CCCC&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
1,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
1,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; LocationType.</span><i><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CC66&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CC66&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
3,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CC00&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
3,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_START</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;33CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>addGradientColoredArea</i>(gcas, </span><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
2,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>, </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#2A00FF'>&quot;66CC99&quot;</span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,
0,</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
LocationType.</span><i><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#0000C0'>LOCATION_TYPE_ABSOLUTE_END</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>return</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> gradientColoredAreas;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
}</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>public</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> </span><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>static</span></b><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
AdaptedGradientColoredAreas getLimeWhiteAdaptions() {</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>final</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> AdaptedGradientColoredAreas agca =<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;StylesFactory.</span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#0000C0'>eINSTANCE</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>.createAdaptedGradientColoredAreas();</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
agca.setDefinedStyleId(</span><i><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:#0000C0'>LIME_WHITE_ID</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><span style='font-size:10.0pt;font-family:"Courier New";color:black'>agca.setGradientType(IGradientType.<i>VERTICAL</i>);</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
agca.getAdaptedGradientColoredAreas()<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
.add(IPredefinedRenderingStyle.</span><i><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#0000C0'>STYLE_ADAPTATION_DEFAULT</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>getLimeWhiteDefaultAreas</i>());</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
agca.getAdaptedGradientColoredAreas()<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
.add(IPredefinedRenderingStyle.</span><i><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#0000C0'>STYLE_ADAPTATION_PRIMARY_SELECTED</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>getLimeWhitePrimarySelectedAreas</i>());</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
agca.getAdaptedGradientColoredAreas()<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
.add(IPredefinedRenderingStyle.</span><i><span lang=EN-US style='font-size:
10.0pt;font-family:"Courier New";color:#0000C0'>STYLE_ADAPTATION_SECONDARY_SELECTED</span></i><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>,<br>
</span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i><span style='color:black'>getLimeWhiteSecondarySelectedAreas</span></i><span
style='color:black'>());</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><b><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#7F0055'>return</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Courier New";color:black'> agca;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
}</span></p>
<p class=MsoNormal style='text-align:justify'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>}</span><span
lang=EN-GB style='font-size:10.0pt;color:black'>&nbsp;</span></p>
</td>
</tr>
</table>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US>To use our new rendering style we have to
change the <span style='color:black'>implementation of class </span></span><span
lang=EN-US style='font-family:"Courier New";color:black'>StyleUtil</span><span
lang=EN-US style='color:black'>:</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=680
style='width:18.0cm;border-collapse:collapse'>
<tr>
<td width=680 valign=top style='width:18.0cm;border:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>&nbsp;</span></b></p>
<p class=MsoNormal style='text-autospace:none'><b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>public</span></b><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>class</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'> <span style='color:black'>StyleUtil
{</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;<span
style='color:black'>&nbsp;&nbsp;&nbsp;</span></span><span lang=EN-US> </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#3F7F5F'>//
... EXiSTING CODING ...</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>public</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'> <b><span
style='color:#7F0055'>static</span></b> <span style='color:black'>Style
getStyleForEClass(Diagram diagram) {</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#3F7F5F'>// ... EXiSTING CODING ...</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New"'>gaService<span
style='color:black'>.setRenderingStyle(style,</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TutorialColoredAreas.getLimeWhiteAdaptions());</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;<span
style='color:black'>&nbsp;&nbsp;&nbsp;</span></span><span lang=EN-US> </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#3F7F5F'>//
... EXiSTING CODING ...</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Courier New";color:#7F0055'>return</span></b><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'> <span style='color:black'>style;</span></span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;
}</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New";color:black'>&nbsp;&nbsp;&nbsp;</span><span
lang=EN-US> </span><span lang=EN-US style='font-size:10.0pt;font-family:"Courier New";
color:#3F7F5F'>// ... EXiSTING CODING ...</span></p>
<p class=MsoNormal style='text-autospace:none'><span lang=EN-US
style='font-size:10.0pt;font-family:"Courier New"'>&nbsp;</span></p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New";color:black'>}</span></p>
<p class=MsoNormal style='text-align:justify'><span lang=EN-GB
style='font-size:10.0pt;color:black'>&nbsp;</span></p>
</td>
</tr>
</table>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<h2><span lang=EN-US>Test: EClass Has New Complex Background Color Schema</span></h2>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>Create a new diagram and
inside it create a new EClass. Verify that the background color is a lime-white
gradient. Also verify, that the background color changes, if you select the
EClass shape.</span></p>
<p class=MsoNormal><span lang=EN-GB>&nbsp;</span></p>
<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
<div class=MsoNormal align=center style='text-align:center'>
<hr size=3 width="100%" align=center>
</div>
<p class=MsoNormal><a href="http://www.eclipse.org/legal/epl-v10.html"><span
lang=EN-US>Copyright (c) SAP AG 2005, 2010.</span></a> </p>
</div>
</body>
</html>