Different main/menu colors for separate passages

The solution to the “flicker” caused by the selecting of the right Passage’s links is to change the (enchant:) macro calls in the right and passages passage…

(enchant:?page,(bg:#451912))

…to be (change:) macro calls instead…

(change: ?page, (bg:#451912))

The solution to the “flicker” that happens during the Passage Transition to a Passage that is using either (enchant:) or (change:) to change the page’s background colour, is to use CSS Rules that target specific Passage Tags that have been assigned to that Passage.

eg. If you assign a winery Passage Tag to the right and passage passages, then a CSS Rule like the following could be used in your project’s Story Stylesheet area to style those two passages…

tw-story[tags~="winery"] {
	background-color: #451912;
}

…and using this method reduces the “flicker” that can happen during a Passage Transition.

note: Because I don’t know the purpose of the specific background colour you’re assigning to the right & passages passages, I don’t know what more meaningful name to give the winery Passage Tag, so I named that tag based on the colour being assigned. But generally it’s better to name things like CSS Classes, Passage Tags, Hook Names, etc based on their purpose and not based on their effects.

1 Like