Hello! I'm trying to figure out how to use the transition macro to dissolve background tags into other background tags

I’m using Harlowe 3.1.0 and Twine version 2.3.7.

As the title says, I’m having trouble using the transition macro for backgrounds in twine. I’m hoping there’s a way to apply a rule in the stylesheet so it’ll automatically transition from one background tag to the next.

I’m having difficulty finding any examples on this. For example, I have background code in my stylesheet that sets up colored backgrounds for various tags. For example;

tw-story[tags~=“Aquamarine-Gradient”] {
background-image: linear-gradient(to top, white, aquamarine);
}

tw-passage {
color: black;
}

tw-story[tags~=“Past”] {
background-color (black)
}

tw-story[tags~=“Future”] {
background-color: #220012;
}

I want to make the background colors a little less jarring on the eyes, since I’m essentially going from super dark colors to super light colors.

I know of the transition macro, but I can’t find any documentation examples. If this is super obvious, I’m sorry for wasting your time. I have no experience with any type of programming language, and I’m essentially copypasting code I find and tweaking it with the variables I need. Your help would be greatly appreciated.

I mostly experiment with Sugarcube, but I found a discussion which may help you :

There is some example provided by @Greyelf ; maybe you could try and come back if there is any other problem ?

I hope it helps.