[Harlowe] Purple links

Comments

• hkfto

  May 2016

  I think this should work. Open "Edit Story Stylesheet" and paste this:
  

  tw-link.visited { 
  	color: blue;	
  }
  
• Kroutkas

  May 2016

  Thanks but the hue of blue isn't the same (it's far more darker) and the visited links still turn magenta when highlighted.
• hkfto

  May 2016

  I see. Well, I gave you that small snippet because I thought it would help show how the CSS works. Fortunately, the fun thing about learning CSS is taking a piece of code, breaking it, then trying to fix it to see how it works. My understanding is that you want all links to look the same at all times (including during mouseover). In which case, you could try this:
  

  tw-link {
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;			
  }
  
  tw-link:hover	{ 
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;
  }
  
  tw-link.visited { 
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;	
  }
  
  tw-link.visited:hover { 
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;	
  }
  
  tw-link.click	{
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;
  }
  
  .enchantment-link {
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;
  }
  
  .enchantment-link:hover {
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;	
  }
  
  .enchantment-link.visited {
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;
  }
  
  .enchantment-link.visited:hover {
  	color: blue;
  	font-weight: normal;
  	text-decoration: none;
  }
  

  
  I learned this from Furkle's Twine 2 Harlowe CSS tutorial. I hope it helps! (P.S., I hope you're using Twine 2 and Harlowe. I assumed.)
• hkfto

  May 2016

  Oops, I meant to leave this tutorial link: http://furkleindustries.com/fictions/twine/twine2_CSS_tutorial/
• Kroutkas

  May 2016

  According to screenshots and Photoshop, normal links are R48-G76-B228 and highlighted ones are R22-G175-B255
• hkfto

  May 2016

  If you want to choose a consistent colour, use a hex chart. It doesn't have to be blue. Then you can change the CSS like this:
  

  tw-link {
           color: #000000;
  }
  

  
  The hashtag and six numbers indicate a colour. #000000 happens to be black. Just paste the hex code you choose into the CSS, instead of "blue".
• greyelf

  May 2016

  The Harlowe -Changing color of text when hovering over a link that leads to a previously visited passage thread contains examples of the four CSS selectors used by Harlowe to control the look of the different types of link.
  
  The default non-hover / unvisited link colour is #4169E1