limit to html safe color plus several ones, crowIDE wip

39 files changed, 250 insertions, 250 deletions

diff --git a/Tests/Interfaces/Container/0.crow b/Tests/Interfaces/Container/0.crow
index be2e16e6..17bc958e 100755
--- a/Tests/Interfaces/Container/0.crow
+++ b/Tests/Interfaces/Container/0.crow
@@ -1,5 +1,5 @@
 <?xml version="1.0"?>
-<Container Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="10"  Background="Mantis"
+<Container Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="10"  Background="SeaGreen"
 			MinimumSize="50,50"/>
 </Container>
\ No newline at end of file
diff --git a/Tests/Interfaces/Container/2.crow b/Tests/Interfaces/Container/2.crow
index a8425272..104e46f7 100755
--- a/Tests/Interfaces/Container/2.crow
+++ b/Tests/Interfaces/Container/2.crow
@@ -1,5 +1,5 @@
 <?xml version="1.0"?>
-<Container Background="Teal" Margin="10" Fit="true">
-	<GraphicObject Margin="10" Width="50%" Height="50%" Background="Malachite"
+<Container Background="MediumSeaGreen" Margin="10" Fit="true">
+	<GraphicObject Margin="10" Width="50%" Height="50%" Background="DarkGreen"
 			MinimumSize="50,50"/>
 </Container>
\ No newline at end of file
diff --git a/Tests/Interfaces/Container/3.crow b/Tests/Interfaces/Container/3.crow
index 6f21416c..dd8afa28 100755
--- a/Tests/Interfaces/Container/3.crow
+++ b/Tests/Interfaces/Container/3.crow
@@ -1,4 +1,4 @@
 <?xml version="1.0"?>
-<Container Background="Onyx" Margin="10" Fit="true">
-	<Label Text="{fps}" Margin="10" Fit="true" Background="Mantis"/>
+<Container Background="DimGray" Margin="10" Fit="true">
+	<Label Text="{fps}" Margin="10" Fit="true" Background="SeaGreen"/>
 </Container>
\ No newline at end of file
diff --git a/Tests/Interfaces/Divers/0.crow b/Tests/Interfaces/Divers/0.crow
index 47f36af5..afb7db06 100755
--- a/Tests/Interfaces/Divers/0.crow
+++ b/Tests/Interfaces/Divers/0.crow
@@ -34,9 +34,9 @@
 					</HorizontalStack>
 				</VerticalStack>
 			</GroupBox>
-			<Label Width="Stretched" Margin="3" Background="Onyx"/>
+			<Label Width="Stretched" Margin="3" Background="DimGray"/>
 			<TextBox Text="TextBox" Multiline="true" Margin="3"/>
-			<HorizontalStack Height="Fit" Margin="5" Background="Onyx" CornerRadius="10">
+			<HorizontalStack Height="Fit" Margin="5" Background="DimGray" CornerRadius="10">
 				<VerticalStack Spacing="5" Width="50%">
 					<CheckBox Fit="true" Caption="test"/>
 					<CheckBox Fit="true"/>
@@ -52,7 +52,7 @@
 			</HorizontalStack>
 			<HorizontalStack Height="Fit" Margin="5">
 				<Label Text="MouseEvents" Width="50%" Margin="3"
-					Background="Onyx"
+					Background="DimGray"
 					Foreground="DimGray"
 					TextAlignment="Center"
 					MouseEnter="{Foreground=White}"
@@ -60,17 +60,17 @@
 					MouseDown="{Background=DarkRed}"
 					MouseClick="{Foreground=Green}"
 					MouseDoubleClick="{Foreground=Yellow}"
-					MouseUp="{Background=Onyx}"/>
+					MouseUp="{Background=DimGray}"/>
 				<Label Text="MouseEvents" Width="50%" Margin="3"
-					Background="Onyx"
+					Background="DimGray"
 					Foreground="DimGray"
 					TextAlignment="Center"
 					MouseClick="{Foreground=Green}"
 					MouseDoubleClick="{Foreground=Yellow}"
 					MouseEnter="{Foreground=White}"
 					MouseLeave="{Foreground=DimGray}"
-					MouseDown="{Background=Mantis}"
-					MouseUp="{Background=Onyx}"/>
+					MouseDown="{Background=SeaGreen}"
+					MouseUp="{Background=DimGray}"/>
 			</HorizontalStack>
 			<GroupBox Caption="Templated controls" Height="Fit" Margin="5">
 				<HorizontalStack Height="Fit">
@@ -111,7 +111,7 @@
 				</Border>
 			</Popper>
 			<Slider Height="10" Width="90%"/>
-			<Container Height="Fit" Width="200" Background="Onyx" Margin="2" CornerRadius="5">
+			<Container Height="Fit" Width="200" Background="DimGray" Margin="2" CornerRadius="5">
 				<ProgressBar Background="DimGray" Height="10" Value="50"/>
 			</Container>
 			<Image Path="#Crow.Images.Icons.crow.svg" Width="60" Height="60" Background="LightGray" />
@@ -140,9 +140,9 @@
 				</TabItem>
 			</TabView>-->
 			<MessageBox Movable="false"/>
-			<ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Background="Onyx" Margin="5" Fit="True" />
+			<ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Margin="5" Fit="True" />
 			<GraphicObject Name="go" Width="100" Height="60" Background="{../../colorList.SelectedItem}"/>
-			<Label Text="{../../colorPicker.SelectedRawColor}"/>
+			<Label Text="{../colorPicker.SelectedColor}"/>
 		</VerticalStack>
 		<Splitter/>
 		<VerticalStack Width="30%" Margin="5">
diff --git a/Tests/Interfaces/Divers/colorPicker.crow b/Tests/Interfaces/Divers/colorPicker.crow
index 7a0f2801..fdfd8f3c 100755
--- a/Tests/Interfaces/Divers/colorPicker.crow
+++ b/Tests/Interfaces/Divers/colorPicker.crow
@@ -1,7 +1,7 @@
 <?xml version="1.0"?>
 <VerticalStack>
-	<ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Background="Onyx" Margin="5" Fit="True" />
+	<ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Background="DimGray" Margin="5" Fit="True" />
 	<GraphicObject Name="go" Width="100" Height="60" Background="DarkBlue"/>
 	<GraphicObject Name="go" Width="100" Height="60" Background="{../colorPicker.SelectedColor}"/>
-
+	<Label Text="{../colorPicker.SelectedColor}"/>
 </VerticalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Divers/testPropLess.crow b/Tests/Interfaces/Divers/testPropLess.crow
index aa283bff..52742477 100755
--- a/Tests/Interfaces/Divers/testPropLess.crow
+++ b/Tests/Interfaces/Divers/testPropLess.crow
@@ -1,2 +1,2 @@
 <?xml version="1.0"?>
-<Label Margin="50" MinimumSize="10,10" Background="Onyx" Text="{PropertyLessBinding}"/>
\ No newline at end of file
+<Label Margin="50" MinimumSize="10,10" Background="DimGray" Text="{PropertyLessBinding}"/>
\ No newline at end of file
diff --git a/Tests/Interfaces/Divers/testShape.crow b/Tests/Interfaces/Divers/testShape.crow
index 2c1572a4..c75af67d 100644
--- a/Tests/Interfaces/Divers/testShape.crow
+++ b/Tests/Interfaces/Divers/testShape.crow
@@ -1,6 +1,6 @@
 <?xml version="1.0"?>
 <Container Fit="true" Background="Red" Tooltip="test tooltip" >
-	<Shape Foreground="Transparent" Background="Onyx" Path="M 5.5,0.5 L 10.5,10.5 L 0.5,10.5 Z"
-		MouseEnter="{Background=hgradient|0:Jet|0.5:BlueCrayola|1:Black}"
-		MouseLeave="{Background=Onyx}"/>
+	<Shape Foreground="Transparent" Background="DimGray" Path="M 5.5,0.5 L 10.5,10.5 L 0.5,10.5 Z"
+		MouseEnter="{Background=hgradient|0:DimGray|0.5:BlueCrayola|1:Black}"
+		MouseLeave="{Background=DimGray}"/>
 </Container>
\ No newline at end of file
diff --git a/Tests/Interfaces/Divers/welcome.crow b/Tests/Interfaces/Divers/welcome.crow
index 3a08829c..22dfd749 100644
--- a/Tests/Interfaces/Divers/welcome.crow
+++ b/Tests/Interfaces/Divers/welcome.crow
@@ -9,13 +9,13 @@
 			<Label Foreground="Black" Font="mono, 12" Text="."/>
 			<Label Foreground="Black" Font="mono, 12" Text="{Minor}"/>
 			<Label Foreground="Black" Font="mono, 12" Text="."/>
-			<Label Foreground="Jet" Font="mono, 12" Text="{Build}"/>
+			<Label Foreground="DimGray" Font="mono, 12" Text="{Build}"/>
 		</HorizontalStack>
 		<GraphicObject Height="30"/>
 		<Label Font="20" Text="Press &lt;F2&gt; and &lt;F3&gt; to cycle into the examples"/>
 		<Label Font="20" Text="Those are basic tests used to validate changes,"/>
 		<GraphicObject Height="30"/>
-		<Label Foreground="Jet" Font="20" Text="&lt;F5&gt; => File dialog example"/>
-		<Label Foreground="Jet" Font="20" Text="&lt;F6&gt; => Window example"/>
+		<Label Foreground="DimGray" Font="20" Text="&lt;F5&gt; => File dialog example"/>
+		<Label Foreground="DimGray" Font="20" Text="&lt;F6&gt; => Window example"/>
 	</VerticalStack>
 </Border>
\ No newline at end of file
diff --git a/Tests/Interfaces/DragAndDrop/0.crow b/Tests/Interfaces/DragAndDrop/0.crow
index c36f840d..356fa49a 100755
--- a/Tests/Interfaces/DragAndDrop/0.crow
+++ b/Tests/Interfaces/DragAndDrop/0.crow
@@ -1,17 +1,17 @@
 <?xml version="1.0"?>
-<HorizontalStack Background="Onyx" Margin="10" Width="90%" Height="90%" Spacing="100" Focusable="true">
-	<Container Name="source" StartDrag="{Background=Jet}" EndDrag="{Background=Mantis}" Focusable="true" Fit="true"
+<HorizontalStack Background="DimGray" Margin="10" Width="90%" Height="90%" Spacing="100" Focusable="true">
+	<Container Name="source" StartDrag="{Background=DimGray}" EndDrag="{Background=SeaGreen}" Focusable="true" Fit="true"
 			Drop="{../target.Background=Green}"
-			MouseEnter="{/txt.Foreground=Red}" MouseLeave="{/txt.Foreground=White}" MouseClick="{Background=Mantis}"
-			AllowDrag="true" Width="200" Height="200" Background="Mantis">
+			MouseEnter="{/txt.Foreground=Red}" MouseLeave="{/txt.Foreground=White}" MouseClick="{Background=SeaGreen}"
+			AllowDrag="true" Width="200" Height="200" Background="SeaGreen">
 		<VerticalStack Margin="50">
 			<Label Name="txt" Text="Drag me" Foreground="Gray"/>
 			<Label Text="Dragged" Visible="{../../IsDragged}" Foreground="Gray"/>
 		</VerticalStack>
 	</Container>
-	<Container Name="target" DragEnter="{Background=Mantis}" DragLeave="{Background=Jet}" Focusable="true" Fit="true"
+	<Container Name="target" DragEnter="{Background=SeaGreen}" DragLeave="{Background=DimGray}" Focusable="true" Fit="true"
 			MouseEnter="{/txt.Foreground=Red}" MouseLeave="{/txt.Foreground=White}"
-			AllowDrop="true"  Background="Jet">
+			AllowDrop="true"  Background="DimGray">
 		<VerticalStack Margin="50">
 			<Label Name="txt" Text="Drop here" Foreground="Gray"/>
 			<Label Text="Dragged" Visible="{../../IsDragged}" Foreground="Gray"/>
diff --git a/Tests/Interfaces/Experimental/testDock.crow b/Tests/Interfaces/Experimental/testDock.crow
index 742c1e07..22e2dc06 100644
--- a/Tests/Interfaces/Experimental/testDock.crow
+++ b/Tests/Interfaces/Experimental/testDock.crow
@@ -1,7 +1,7 @@
 <?xml version="1.0"?>
 <VerticalStack>
 	<Docker>
-		<DockStack Background="Onyx"/>
+		<DockStack Background="DimGray"/>
 		<DockWindow Width="150" Height="150" Background="DarkRed" />
 		<DockWindow Width="150" Height="150" Background="DarkGreen"/>
 		<DockWindow Width="150" Height="150" Background="Blue"/>
@@ -9,11 +9,11 @@
 		<DockWindow Width="150" Height="150" Background="Yellow"/>
 		<DockWindow Width="150" Height="150" Background="BrownWeb"/>
 	</Docker>
-<!---		<DockWindow Left="400" Top="400" Width="150" Height="150" Background="Teal"/>
+<!---		<DockWindow Left="400" Top="400" Width="150" Height="150" Background="MediumSeaGreen"/>
 		<DockWindow Left="450" Top="450" Width="150" Height="150" Background="Maize"/>-->
 	
 </VerticalStack>
-<!--<Group Background="Jet" Margin = "0" Focusable="true" >
+<!--<Group Background="DimGray" Margin = "0" Focusable="true" >
 	<Window Top="100" Left="100" Focusable="true" Caption="View 1" Width="300" Height="300"><GraphicObject Background="Green" Focusable="true" MouseEnter="{Background=Gray}" MouseLeave="{Background=Green}"/></Window>
 	<Window Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><GraphicObject Focusable="true" Background="Blue" MouseEnter="{Background=Gray}" MouseLeave="{Background=Blue}"/></Window>
 	<Window Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><GraphicObject Focusable="true" Background="Yellow" MouseEnter="{Background=Gray}" MouseLeave="{Background=Yellow}"/></Window>
diff --git a/Tests/Interfaces/Experimental/testDock2.crow b/Tests/Interfaces/Experimental/testDock2.crow
index 71301686..700f965c 100644
--- a/Tests/Interfaces/Experimental/testDock2.crow
+++ b/Tests/Interfaces/Experimental/testDock2.crow
@@ -6,7 +6,7 @@
 	<DockWindow Left="400" Top="400" Width="150" Height="150" Background="DarkYellow"/>
 	<DockWindow Left="500" Top="500" Width="150" Height="150" Background="Yellow"/>
 </Docker>
-<!--<Group Background="Jet" Margin = "0" Focusable="true" >
+<!--<Group Background="DimGray" Margin = "0" Focusable="true" >
 	<Window Top="100" Left="100" Focusable="true" Caption="View 1" Width="300" Height="300"><GraphicObject Background="Green" Focusable="true" MouseEnter="{Background=Gray}" MouseLeave="{Background=Green}"/></Window>
 	<Window Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><GraphicObject Focusable="true" Background="Blue" MouseEnter="{Background=Gray}" MouseLeave="{Background=Blue}"/></Window>
 	<Window Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><GraphicObject Focusable="true" Background="Yellow" MouseEnter="{Background=Gray}" MouseLeave="{Background=Yellow}"/></Window>
diff --git a/Tests/Interfaces/Experimental/testStack.crow b/Tests/Interfaces/Experimental/testStack.crow
index 054c3f5f..88e309dc 100644
--- a/Tests/Interfaces/Experimental/testStack.crow
+++ b/Tests/Interfaces/Experimental/testStack.crow
@@ -1,6 +1,6 @@
 <?xml version="1.0"?>
 <Window Width="600" Height="500">
-<VerticalStack Margin="20" Background="Jet" Spacing="10">
+<VerticalStack Margin="20" Background="DimGray" Spacing="10">
 	<GraphicObject Height="100" Width="500" Background="Green"/>
 	<Splitter/>
 	<HorizontalStack>
@@ -12,7 +12,7 @@
 	<GraphicObject Height="100" Width="500" Background="Green"/>
 </VerticalStack>
 </Window>
-<!--<Group Background="Jet" Margin = "0" Focusable="true" >
+<!--<Group Background="DimGray" Margin = "0" Focusable="true" >
 	<Window Top="100" Left="100" Focusable="true" Caption="View 1" Width="300" Height="300"><GraphicObject Background="Green" Focusable="true" MouseEnter="{Background=Gray}" MouseLeave="{Background=Green}"/></Window>
 	<Window Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><GraphicObject Focusable="true" Background="Blue" MouseEnter="{Background=Gray}" MouseLeave="{Background=Blue}"/></Window>
 	<Window Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><GraphicObject Focusable="true" Background="Yellow" MouseEnter="{Background=Gray}" MouseLeave="{Background=Yellow}"/></Window>
diff --git a/Tests/Interfaces/GraphicObject/0.crow b/Tests/Interfaces/GraphicObject/0.crow
index 6a01cb63..7fdd607f 100755
--- a/Tests/Interfaces/GraphicObject/0.crow
+++ b/Tests/Interfaces/GraphicObject/0.crow
@@ -1,3 +1,3 @@
 <?xml version="1.0"?>
-<GraphicObject Margin="10" Width="Stretched" Height="Stretched" Background="Mantis"
+<GraphicObject Margin="10" Width="Stretched" Height="Stretched" Background="SeaGreen"
 		MinimumSize="50,50"/>
\ No newline at end of file
diff --git a/Tests/Interfaces/GraphicObject/1.crow b/Tests/Interfaces/GraphicObject/1.crow
index 14ca7961..b93109a4 100755
--- a/Tests/Interfaces/GraphicObject/1.crow
+++ b/Tests/Interfaces/GraphicObject/1.crow
@@ -1,3 +1,3 @@
 <?xml version="1.0"?>
-<GraphicObject Margin="10" Width="150" Height="150" Background="Mantis"
+<GraphicObject Margin="10" Width="150" Height="150" Background="SeaGreen"
 		MinimumSize="50,50"/>
\ No newline at end of file
diff --git a/Tests/Interfaces/Group/0.crow b/Tests/Interfaces/Group/0.crow
index 7eb5a0a6..9195ed4f 100755
--- a/Tests/Interfaces/Group/0.crow
+++ b/Tests/Interfaces/Group/0.crow
@@ -1,11 +1,11 @@
 <?xml version="1.0"?>
-<Group MinimumSize="50,50" Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+<Group MinimumSize="50,50" Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			VerticalAlignment="Top"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"			
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"			
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			MinimumSize="10,10"/>
 </Group>
\ No newline at end of file
diff --git a/Tests/Interfaces/Group/1.crow b/Tests/Interfaces/Group/1.crow
index 6f07c3f3..4f355f9b 100755
--- a/Tests/Interfaces/Group/1.crow
+++ b/Tests/Interfaces/Group/1.crow
@@ -1,32 +1,32 @@
 <?xml version="1.0"?>
-<Group Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+<Group Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
diff --git a/Tests/Interfaces/Group/2.crow b/Tests/Interfaces/Group/2.crow
index a7cc91ab..de743d3a 100755
--- a/Tests/Interfaces/Group/2.crow
+++ b/Tests/Interfaces/Group/2.crow
@@ -1,32 +1,32 @@
 <?xml version="1.0"?>
-<Group Background="Onyx" Margin="10" Fit="true">
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+<Group Background="DimGray" Margin="10" Fit="true">
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
diff --git a/Tests/Interfaces/Group/3.crow b/Tests/Interfaces/Group/3.crow
index 7c038551..e323fd08 100755
--- a/Tests/Interfaces/Group/3.crow
+++ b/Tests/Interfaces/Group/3.crow
@@ -1,32 +1,32 @@
 <?xml version="1.0"?>
-<Group Background="Onyx" Margin="10" Width="70%" Height="50%">
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+<Group Background="DimGray" Margin="10" Width="70%" Height="50%">
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="100%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="100%" Height="20%" Background="SeaGreen"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			HorizontalAlignment="Left"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Bottom"
 			HorizontalAlignment="Right"
 			MinimumSize="10,10"/>
diff --git a/Tests/Interfaces/Group/4.crow b/Tests/Interfaces/Group/4.crow
index 02c01b29..b7704d5b 100755
--- a/Tests/Interfaces/Group/4.crow
+++ b/Tests/Interfaces/Group/4.crow
@@ -1,7 +1,7 @@
 <?xml version="1.0"?>
-<Group Background="Onyx" Margin="10" Fit="true">
+<Group Background="DimGray" Margin="10" Fit="true">
 	<Label Font="droid bold,40" Text="{fps}" Margin="10"  Fit="true"/>
-	<GraphicObject Margin="10" Width="20%" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="20%" Height="20%" Background="SeaGreen"
 			VerticalAlignment="Top"
 			MinimumSize="10,10"/>
 </Group>
\ No newline at end of file
diff --git a/Tests/Interfaces/Splitter/1.crow b/Tests/Interfaces/Splitter/1.crow
index ca54c721..e7eef87b 100755
--- a/Tests/Interfaces/Splitter/1.crow
+++ b/Tests/Interfaces/Splitter/1.crow
@@ -19,7 +19,7 @@
 	</Border>
 	<Splitter Thickness="3"/>
 	<Border Width="45%" CornerRadius="10" BorderWidth="1">
-		<VerticalStack Width="50%" Height="50%" Background="Onyx">
+		<VerticalStack Width="50%" Height="50%" Background="DimGray">
 			<RadioButton IsChecked="false" Caption="Choice 1" Background="hgradient|0:DarkRed|1:Transparent"/>
 			<RadioButton IsChecked="false" Caption="Choice 2"  Background="hgradient|0:DarkRed|1:Transparent"/>
 			<RadioButton IsChecked="true" Caption="Choice 3"  Background="hgradient|0:DarkRed|1:Transparent"/>
diff --git a/Tests/Interfaces/Stack/0.crow b/Tests/Interfaces/Stack/0.crow
index 63290f9e..467a063e 100755
--- a/Tests/Interfaces/Stack/0.crow
+++ b/Tests/Interfaces/Stack/0.crow
@@ -1,9 +1,9 @@
 <?xml version="1.0"?>
-<VerticalStack MinimumSize="50,50" Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+<VerticalStack MinimumSize="50,50" Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
 </VerticalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/0h.crow b/Tests/Interfaces/Stack/0h.crow
index 170bbed4..95ef1359 100755
--- a/Tests/Interfaces/Stack/0h.crow
+++ b/Tests/Interfaces/Stack/0h.crow
@@ -1,9 +1,9 @@
 <?xml version="1.0"?>
-<HorizontalStack MinimumSize="50,50" Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+<HorizontalStack MinimumSize="50,50" Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
 </HorizontalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/1.crow b/Tests/Interfaces/Stack/1.crow
index a0ac28c9..8a6a3c3c 100755
--- a/Tests/Interfaces/Stack/1.crow
+++ b/Tests/Interfaces/Stack/1.crow
@@ -1,9 +1,9 @@
 <?xml version="1.0"?>
-<VerticalStack Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="Mantis"
+<VerticalStack Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="60%" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="60%" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
 			MinimumSize="10,10"/>
 </VerticalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/1h.crow b/Tests/Interfaces/Stack/1h.crow
index 7d97bd2c..c8ea266d 100755
--- a/Tests/Interfaces/Stack/1h.crow
+++ b/Tests/Interfaces/Stack/1h.crow
@@ -1,9 +1,9 @@
 <?xml version="1.0"?>
-<HorizontalStack Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="Mantis"
+<HorizontalStack Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="60%" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="60%" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
 			MinimumSize="10,10"/>
 </HorizontalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/2.crow b/Tests/Interfaces/Stack/2.crow
index 6d8c9ad6..a3f2c019 100755
--- a/Tests/Interfaces/Stack/2.crow
+++ b/Tests/Interfaces/Stack/2.crow
@@ -1,9 +1,9 @@
 <?xml version="1.0"?>
-<VerticalStack Background="Onyx" Margin="10" Width="90%" Height="100%">
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+<VerticalStack Background="DimGray" Margin="10" Width="90%" Height="100%">
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Stretched" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Stretched" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
 </VerticalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/2h.crow b/Tests/Interfaces/Stack/2h.crow
index de1c36fe..faa5956c 100755
--- a/Tests/Interfaces/Stack/2h.crow
+++ b/Tests/Interfaces/Stack/2h.crow
@@ -1,9 +1,9 @@
 <?xml version="1.0"?>
-<HorizontalStack Background="Onyx" Margin="10" Width="90%" Height="100%">
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+<HorizontalStack Background="DimGray" Margin="10" Width="90%" Height="100%">
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Stretched" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Stretched" Background="SeaGreen"
 			MinimumSize="10,10"/>
-	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="10,10"/>
 </HorizontalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/3.crow b/Tests/Interfaces/Stack/3.crow
index e46a5fff..b7784b90 100755
--- a/Tests/Interfaces/Stack/3.crow
+++ b/Tests/Interfaces/Stack/3.crow
@@ -1,45 +1,45 @@
 <?xml version="1.0"?>
-<VerticalStack Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+<VerticalStack Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
 </VerticalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/3h.crow b/Tests/Interfaces/Stack/3h.crow
index 3a1d77dc..620cdeee 100755
--- a/Tests/Interfaces/Stack/3h.crow
+++ b/Tests/Interfaces/Stack/3h.crow
@@ -1,45 +1,45 @@
 <?xml version="1.0"?>
-<HorizontalStack Background="Onyx" Margin="10" Width="90%" Height="90%">
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+<HorizontalStack Background="DimGray" Margin="10" Width="90%" Height="90%">
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
-	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="Mantis"
+	<GraphicObject Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
 			MinimumSize="2,2"/>
 </HorizontalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Stack/4.crow b/Tests/Interfaces/Stack/4.crow
index 8e1f757b..6a7f2da7 100755
--- a/Tests/Interfaces/Stack/4.crow
+++ b/Tests/Interfaces/Stack/4.crow
@@ -1,27 +1,27 @@
 <?xml version="1.0"?>
 <VerticalStack>
-	<HorizontalStack Background="Onyx" Margin="10" Width="90%" Height="20%">
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Width="100%" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
+	<HorizontalStack Background="DimGray" Margin="10" Width="90%" Height="20%">
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Width="100%" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
 	</HorizontalStack>
-	<HorizontalStack Background="Onyx" Margin="10" Width="Fit" Height="20%">
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Width="100%" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
-		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="Mantis"/>
+	<HorizontalStack Background="DimGray" Margin="10" Width="Fit" Height="20%">
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Width="100%" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+		<Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
 	</HorizontalStack>
 </VerticalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/TabItem.template b/Tests/Interfaces/TabItem.template
index 63e31cce..df580a85 100644
--- a/Tests/Interfaces/TabItem.template
+++ b/Tests/Interfaces/TabItem.template
@@ -18,7 +18,7 @@
 		</Border>
 	</HorizontalStack>
 	<Container Margin="20">
-		<Container Background="Jet" Name="Content"/>
+		<Container Background="DimGray" Name="Content"/>
 	</Container>
 </GenericStack>
 
diff --git a/Tests/Interfaces/TemplatedContainer/0.crow b/Tests/Interfaces/TemplatedContainer/0.crow
index 0c37d335..195b981b 100755
--- a/Tests/Interfaces/TemplatedContainer/0.crow
+++ b/Tests/Interfaces/TemplatedContainer/0.crow
@@ -5,7 +5,7 @@
 			<CheckBox Name="chk2" IsChecked="true"/>
 			<CheckBox Name="chk3" />
 			<CheckBox Name="chk4" />
-			<HorizontalStack Fit="true" Margin="2" Background="Mantis">
+			<HorizontalStack Fit="true" Margin="2" Background="SeaGreen">
 				<Label Name="captionFps" Text="Fps:" Width="30" TextAlignment="Right"/>
 				<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="Fit" TextAlignment="Center" Background="AoEnglish"/>
 			</HorizontalStack>
diff --git a/Tests/Interfaces/TemplatedContainer/testTabView.crow b/Tests/Interfaces/TemplatedContainer/testTabView.crow
index b262aa33..c9e211f8 100644
--- a/Tests/Interfaces/TemplatedContainer/testTabView.crow
+++ b/Tests/Interfaces/TemplatedContainer/testTabView.crow
@@ -5,8 +5,8 @@
 		<Label Text="Selected Tab:"/>
 		<Label Text="{../../tabview1.SelectedTab}"/>
 	</HorizontalStack>
-	<TabView Name="tabview1" Background="Onyx" Orientation="Horizontal">
-		<TabItem Name="TabItem1" Caption="tab item 1" Background="Onyx">
+	<TabView Name="tabview1" Background="DimGray" Orientation="Horizontal">
+		<TabItem Name="TabItem1" Caption="tab item 1" Background="DimGray">
 			<VerticalStack Margin="20">
 				<CheckBox/>
 				<CheckBox/>
@@ -14,7 +14,7 @@
 				<CheckBox/>
 			</VerticalStack>
 		</TabItem>
-		<TabItem Name="TabItem2" Caption="tab item 2" Background="Onyx">
+		<TabItem Name="TabItem2" Caption="tab item 2" Background="DimGray">
 			<VerticalStack Height="Fit" Margin="10">
 				<RadioButton Fit="true"/>
 				<RadioButton/>
@@ -22,12 +22,12 @@
 				<RadioButton/>
 			</VerticalStack>
 		</TabItem>
-		<TabItem Name="TabItem3" Background="Onyx" Caption="tab item 3">
+		<TabItem Name="TabItem3" Background="DimGray" Caption="tab item 3">
 			<Container Margin="5" CornerRadius="2" >
 				<TextBox Margin="5" Multiline="true" TextAlignment="TopLeft"/>
 			</Container>
 		</TabItem>
-		<TabItem Name="TabItem4" Background="Onyx" Caption="tab item 4" Margin="0">
+		<TabItem Name="TabItem4" Background="DimGray" Caption="tab item 4" Margin="0">
 			<TextBox/>
 		</TabItem>
 	</TabView>
diff --git a/Tests/Interfaces/TemplatedContainer/testTabView2.crow b/Tests/Interfaces/TemplatedContainer/testTabView2.crow
index 7e32078a..c02e991a 100644
--- a/Tests/Interfaces/TemplatedContainer/testTabView2.crow
+++ b/Tests/Interfaces/TemplatedContainer/testTabView2.crow
@@ -5,8 +5,8 @@
 			<Label Text="Selected Tab:"/>
 			<Label Text="{../../tabview1.SelectedTab}"/>
 		</HorizontalStack>
-		<TabView Name="tabview1" Background="Onyx" Orientation="Horizontal" Margin="5" >
-			<TabItem Name="TabItem1" Caption="tab-1.1" Background="Onyx">
+		<TabView Name="tabview1" Background="DimGray" Orientation="Horizontal" Margin="5" >
+			<TabItem Name="TabItem1" Caption="tab-1.1" Background="DimGray">
 				<VerticalStack Margin="20">
 					<CheckBox/>
 					<CheckBox/>
@@ -14,7 +14,7 @@
 					<CheckBox/>
 				</VerticalStack>
 			</TabItem>
-			<TabItem Name="TabItem2" Caption="tab-1.2" Background="Onyx">
+			<TabItem Name="TabItem2" Caption="tab-1.2" Background="DimGray">
 				<VerticalStack Height="Fit" Margin="10">
 					<RadioButton Fit="true"/>
 					<RadioButton/>
@@ -22,7 +22,7 @@
 					<RadioButton/>
 				</VerticalStack>
 			</TabItem>
-			<TabItem Name="TabItem3" Background="Onyx" Caption="tab-1.3">
+			<TabItem Name="TabItem3" Background="DimGray" Caption="tab-1.3">
 				<Container Margin="5" CornerRadius="2" >
 					<TextBox Margin="5" Multiline="true" TextAlignment="TopLeft"/>
 				</Container>
@@ -36,8 +36,8 @@
 			<Label Text="Selected Tab:"/>
 			<Label Text="{../../tabview2.SelectedTab}"/>
 		</HorizontalStack>
-		<TabView Name="tabview2" Background="Onyx" Orientation="Horizontal" >
-			<TabItem Name="TabItem1" Caption="tab-2.1" Background="Onyx">
+		<TabView Name="tabview2" Background="DimGray" Orientation="Horizontal" >
+			<TabItem Name="TabItem1" Caption="tab-2.1" Background="DimGray">
 				<VerticalStack Margin="20">
 					<CheckBox/>
 					<CheckBox/>
@@ -45,7 +45,7 @@
 					<CheckBox/>
 				</VerticalStack>
 			</TabItem>
-			<TabItem Name="TabItem2" Caption="tab-2.2" Background="Onyx">
+			<TabItem Name="TabItem2" Caption="tab-2.2" Background="DimGray">
 				<VerticalStack Height="Fit" Margin="10">
 					<RadioButton Fit="true"/>
 					<RadioButton/>
@@ -53,7 +53,7 @@
 					<RadioButton/>
 				</VerticalStack>
 			</TabItem>
-			<TabItem Name="TabItem3" Background="Onyx" Caption="tab-2.3">
+			<TabItem Name="TabItem3" Background="DimGray" Caption="tab-2.3">
 				<Container Margin="5" CornerRadius="2" >
 					<TextBox Margin="5" Multiline="true" TextAlignment="TopLeft"/>
 				</Container>
diff --git a/Tests/Interfaces/TemplatedControl/testCombobox.crow b/Tests/Interfaces/TemplatedControl/testCombobox.crow
index 2ef6d391..3ef27ace 100755
--- a/Tests/Interfaces/TemplatedControl/testCombobox.crow
+++ b/Tests/Interfaces/TemplatedControl/testCombobox.crow
@@ -1,4 +1,4 @@
 <?xml version="1.0"?>
-<Container Background="Onyx" Width="300">
+<Container Background="DimGray" Width="300">
 	<ComboBox  Data="{TestList}" ItemTemplate="#Tests.Interfaces.colorItem.crow"/>
 </Container>
\ No newline at end of file
diff --git a/Tests/Interfaces/Wrapper/1.1.crow b/Tests/Interfaces/Wrapper/1.1.crow
index ab8a993a..0fcdcc78 100755
--- a/Tests/Interfaces/Wrapper/1.1.crow
+++ b/Tests/Interfaces/Wrapper/1.1.crow
@@ -1,14 +1,14 @@
 <?xml version="1.0"?>
 <Window Caption="Vertical Wrapper" Width="50%" Height="50%">
-	<Wrapper Orientation="Vertical" Height="Fit" Width="90%" Margin="5" Background="Teal" Spacing="1" >
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50%" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50%" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
+	<Wrapper Orientation="Vertical" Height="Fit" Width="90%" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50%" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50%" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
 	</Wrapper>
 </Window>
\ No newline at end of file
diff --git a/Tests/Interfaces/Wrapper/1.crow b/Tests/Interfaces/Wrapper/1.crow
index e8ffd6b2..15446890 100755
--- a/Tests/Interfaces/Wrapper/1.crow
+++ b/Tests/Interfaces/Wrapper/1.crow
@@ -1,14 +1,14 @@
 <?xml version="1.0"?>
 <Window Caption="Vertical Wrapper" Width="50%" Height="50%">
-	<Wrapper Orientation="Vertical" Height="Fit" Width="Fit" Margin="5" Background="Teal" Spacing="1" >
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50%" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50%" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
+	<Wrapper Orientation="Vertical" Height="Fit" Width="Fit" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50%" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50%" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
 	</Wrapper>
 </Window>
\ No newline at end of file
diff --git a/Tests/Interfaces/Wrapper/2.1.crow b/Tests/Interfaces/Wrapper/2.1.crow
index a5ce996b..4ec1de32 100755
--- a/Tests/Interfaces/Wrapper/2.1.crow
+++ b/Tests/Interfaces/Wrapper/2.1.crow
@@ -1,14 +1,14 @@
 <?xml version="1.0"?>
 <Window Caption="Horizontal Wrapper" Width="50%" Height="50%">
-	<Wrapper Orientation="Horizontal" Height="90%" Width="Fit" Margin="5" Background="Teal" Spacing="1" >
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50%" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50%" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
+	<Wrapper Orientation="Horizontal" Height="90%" Width="Fit" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50%" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50%" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
 	</Wrapper>
 </Window>
\ No newline at end of file
diff --git a/Tests/Interfaces/Wrapper/2.2.crow b/Tests/Interfaces/Wrapper/2.2.crow
index ce4f3f18..ceeae253 100755
--- a/Tests/Interfaces/Wrapper/2.2.crow
+++ b/Tests/Interfaces/Wrapper/2.2.crow
@@ -2,34 +2,34 @@
 <Window Caption="Horizontal Wrapper" Width="50%" Height="50%">
 	<VerticalStack Margin="1">
 		<Scroller Name="scroller1" ScrollX="{../scrollbar1.Value}" VerticalScrolling="False" HorizontalScrolling="true" Margin="1" Background="BlueCrayola">
-			<Wrapper HorizontalAlignment="Left" Orientation="Horizontal" Height="100%" Width="Fit" Margin="0" Background="Teal" Spacing="1" >
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50%" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50%" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50%" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50%" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50%" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50%" Background="Mantis"/>
-				<GraphicObject Width="50" Height="50" Background="Mantis"/>
+			<Wrapper HorizontalAlignment="Left" Orientation="Horizontal" Height="100%" Width="Fit" Margin="0" Background="MediumSeaGreen" Spacing="1" >
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50%" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50%" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50%" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50%" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50%" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50%" Background="SeaGreen"/>
+				<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
 			</Wrapper>
 		</Scroller>
 		<ScrollBar Name="scrollbar1" Value="{../scroller1.ScrollX}" 
diff --git a/Tests/Interfaces/Wrapper/2.crow b/Tests/Interfaces/Wrapper/2.crow
index 14b005e8..9f505ba3 100755
--- a/Tests/Interfaces/Wrapper/2.crow
+++ b/Tests/Interfaces/Wrapper/2.crow
@@ -1,14 +1,14 @@
 <?xml version="1.0"?>
 <Window Caption="Horizontal Wrapper" Width="50%" Height="50%">
-	<Wrapper Orientation="Horizontal" Height="Fit" Width="Fit" Margin="5" Background="Teal" Spacing="1" >
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50%" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50%" Background="Mantis"/>
-		<GraphicObject Width="50" Height="50" Background="Mantis"/>
+	<Wrapper Orientation="Horizontal" Height="Fit" Width="Fit" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50%" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50%" Background="SeaGreen"/>
+		<GraphicObject Width="50" Height="50" Background="SeaGreen"/>
 	</Wrapper>
 </Window>
\ No newline at end of file