Adding colored text to the screen layer

By LadylexUK

Text in Project Spark is white with a black outline by default. There are two ways you can add color to your text with slightly different effects. Note that only the inside of the text is changed, the outline will remain black and cannot be changed.

Method 1 – color tiles

This is our text:

WHEN DO [say][text: The quick brown fox jumped over the lazy dog]

You can color the entire line with a color tile or a custom color tile

WHEN DO [say][color:brown][text: The quick brown fox jumped over the lazy dog]

or

WHEN DO [say][color:0,0.04970,0.3380,1][text: The quick brown fox jumped over the lazy dog]

However, this method will color the entire line and you cannot highlight individual words.

Method 2 – CSS code

The CSS code for changing font color is  for example <color: green>

To use it in Project Spark you should add it inside your text string. So to get the word brown in the correct color and the rest in white do this

WHEN DO [say][text: The quick <color:brown> brown <color:white> fox jumped over the lazy dog]

I do not think you can use custom colors with this though – I have tried the custom color code and the hashtag hexadecimal colors such as #3D3A39 but they do not work – and you get a black text.*

Your choices of color are limited to the named colors in the color values segment and not the standard CSS color names.

*Unless you know different. Let me know in the comments.

 

 

 

One thought on “Adding colored text to the screen layer

Comments are closed.

Website Powered by WordPress.com.

Up ↑

%d bloggers like this: