Color themes for Twine's Sugarcube 2 story format, based on Motoslave's [[Bleached|http://www.motoslave.net/sugarcube/2/]] theme, with fonts from Google Fonts. Access the full SugarColors repo [[here|https://github.com/pbparjeter2/sugarcolors]]<br>\nYour story starter is:\n<br>
<span class="oneliner">Create your own themes with this template.</span>\n\n<a href="./template.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./template.css')\n</style>\n
<span class="oneliner">Dungeons and penguins. </span>\n\n<a href="./blue-ice.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./blue-ice.css')\n</style>\n
<span class="oneliner">A hot summer day.</span>\n\n<a href="./peach-soda.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./peach-soda.css')\n</style>\n
<span class="oneliner">Remember the milk.</span>\n\n<a href="./yellow-sticky.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./yellow-sticky.css')\n</style>\n
<<goto $rand.random()>>
.oneliner {font-size: 170% !important}
<span class="oneliner">Your money or your tooth.</span>\n\n<a href="./fairy-pink.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./fairy-pink.css')\n</style>\n
Choose a theme from the sidebar\n\n<<set $rand = ["Spring Green", "Construction Orange", "Ice Blue", "Fairy Pink", "Yellow Sticky", "Peach Soda", "Paper White"]>>\n<<goto $rand.random()>>
<span class="oneliner">You're invited to a garden party.</span>\n\n<a href="./green-spring.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./green-spring.css')\n</style>\n
window.onbeforeunload = function () {\n window.sessionStorage.setItem('twine-reload-flag', 'true');\n};\n\npostdisplay['refresh-taker'] = function (t) {\n\n delete postdisplay[t];\n var refresh = sessionStorage.getItem('twine-reload-flag');\n\n if (refresh === 'true' && \n passage() !== 'Start') { // your starting passage here \n\n Engine.restart(); // passage to forward player to\n } \n\n};\n
SugarColors
<span class="oneliner">A white piece of paper. </span>\n\n<a href="./paper-white.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./paper-white.css')\n</style>\n
\n<<listbox "$choice" autoselect>>\n<<option "Random">>\n\t<<option "Spring Green">>\n\t<<option "Ice Blue">>\n\t<<option "Construction Orange">>\n\t<<option "Yellow Sticky">>\n\t<<option "Fairy Pink">>\n\t<<option "Paper White">>\n\t<<option "Peach Soda">>\n\t<<option "Template">>\n<</listbox>>\n\n<<button "OK">><<goto $choice>><</button>>
<span class="oneliner">The orange cone is hard at work. </span>\n\n<a href="./orange-construction.css" target="_blank">Download CSS</a>\n\n<style>\n@import url('./orange-construction.css')\n</style>\n\n