Silverlight Jetpack Theme Background Color

Question

Does anyone know what the background color is for the jetpack theme?

http://www.silverlight.net/content/samples/sl4/themes/jetpack.html

We use the theme, but I do not see this light silver background color that has a gradient.

Answer 1

Actually this image is repeated. To get the same effect, you have to write a custom control or effect that breaks the image. Here is the image.

And here is a sample splitting image.

http://nokola.com/blog/post/2009/12/22/Fast-Tile-Brush-in-Silverlight-And-Easiest-Way-to-Shader-Effects.aspx

Answer 2

Actually, if you create a new project based on the JetPack theme, you will see that there is a TiledBackground user control that performs a repeating effect for you.

However, the default ResourceUri dependency property of this user control is, in my opinion, binding to the wrong image file, and therefore you only see a light background color.

To have the same background as in the demo, you just need to replace the backgroundtexture.png image in the Images folder with the image file that Joe provided. Then in MainPage.xaml you need to make sure that SourceUri is attached to this image.

For example, I replaced the Joe image and still named it backgroundtexture.png and my project name is JetPack.

<controls:TiledBackground SourceUri="/JetPack;component/Images/backgroundtexture.png" /> 

Then you should see a dark background as expected. :)