Hey guys, I'm creating a game with Squiffy directly in the browser. Do you know how to change the background color to black? I'm also looking to change the text to white.

Behind the title directive you can put this lines with tab or four spaces

$('#output').css('background-color', 'black');
$('#output').css('color', 'white');

When you publish de game change the values of #output for body.

I'm not sure how to change the output, or what to change it to.

Do i need to change "output" to "body"?

Also, is it possible to change the color of links?

I decided not to change the colors, but thank you so much for being very helpful.

Hello, Scartell!

Just for one link? Or for all of them?

<a href="http://textadventures.co.uk/create">blue link </a>

blue link

<a style="color:purple" href="http://textadventures.co.uk/create">purple link</a>

purple link

<style>
#purple > a {
  color:purple !important;
}
</style>

<div id="purple"><a id="special"  href="http://textadventures.co.uk/create">purple link</a></div>

Resources: 

https://www.w3schools.com/css/css_link.asp

[https://www.w3schools.com/cssref/css_selectors.asp](https://www.w3schools.com/cssref/css_selectors.asp "Click here to visit https://www.w3schools.com/cssref/css_selectors.asp")

Resources:

https://www.w3schools.com/css/css_link.asp

https://www.w3schools.com/cssref/css_selectors.asp

NOTE: My third link is purple while editing here, but the forum turns it back blue because the <style> is overridden by the page's CSS.

Thank you.

Check this out:

@title Alex Warren did this

[[one]]:
{label:1=[<span style="color:red">one</span>](@replace 1=two)}

[[two]]:
[<span style="color:green">two</span>](@replace 1=three)

[[three]]:
[<span style="color:yellow">three</span>](@replace 1=one)