How To Change The Background To Different Colours

Comments

• Deadshot

  August 2016

  Also, I am using Harlowe.
• Deadshot

  August 2016

  Don't worry; I've figured it out.
• Deadshot

  August 2016

  Actually, no, I haven't figured it out.
• Deadshot

  August 2016

  Sorry, I have.
• storymasterq

  August 2016

  Alright, how did you do it? Just for others' reference. (also mine )
• greyelf

  August 2016

  The Basic Harlowe Passage Tag Based Styling thread explains one way to do what you want, it also contains an example of the CSS needed to change the background-color of a story's html element which is where Harlowe defines the default background colour.
• Deadshot

  August 2016

  storymasterq wrote: »

  Alright, how did you do it? Just for others' reference. (also mine )

  
  What you do is you plan out your story, and what passages will have what background. So, if you have a story with the arctic, the desert and the jungle, you would want different background colours. Go into the styelsheet and do this code:
  

  html.arctic {
        background-color: blue;
  }
  
  html.desert {
        background-color: orange;
  }
  
  html.jungle {
        background-color: green;
  }
  

  
  This is saying that anything tagged arctic will have a blue background colour, and same for the desert and jungle. Then, go into whichever passage. For example, I'll go into the arctic passage. Create a new tag and call it arctic. You can call the tag whatever you want, but it has to be the same as what you wrote in the stylesheet. Then, copy and paste this into the first passage of the arctic:
  

  {
  (print: "<script>$('html').removeClass(\)</script>")
  (if: (passage:)'s tags's length > 0)[
  (print: "<script>$('html').addClass('" + (passage:)'s tags.join(' ') + "'\)</script>")
  ]
  }
  

  
  Once you have done that, all the next passages will be blue until you get to a different place, like the jungle or the desert. It's kinda complicated, so let me know if you don't understand it.