[Solved] How to add text outline for specific scenes/text?

[uttoriemi]

Hello, all. I'm a rather new VN dev so please go easy on me!

I was playing a visual novel called "Valentines Otome" (link, if you're interested =https://synokoria.itch.io/valentines-otome) and I noticed the creator(s), Synokoria, managed to use different outline colors for text based on its location (Main Menu vs Quick Menu, for example).

Below I've attached some photos of times when a different outline was used.

["Miranda" and "Name" have different color outlines.

This has a white outline around the game menu while the one below.... vvv

has black outline on the quick menu. ^^^

(You can reference this "normal" dialogue text outline to how it was changed for the scene above)

TL;DR

How do you set it up to where you can add outlines to only certain text within the GUI? (Global solutions or inline styles are both fine, whatever would be best)



Thanks for taking the time to read this and sorry for being lengthy! Let me know if I need to clarify any more, because I'm writing this after trying multiple bits of code and my brain is fried, I'm just so desperate for a solution

[Matalla]

Most of this, you just could do it with styles.

Search for the corresponding element you want to put an outline on. Use the style inspector if you have doubts by putting the mouse over the element and press shift+i.

Once you have identified it, find the style on the screen menu. For example, for the quick menu, it should be

Code: Select all

style quick_button_text:

Below you can add an outline property as explained here:
https://www.renpy.org/doc/html/style_pr ... y-outlines

For elements of the same type showing at the same time, like in your first example, you could use text tags, as explained here:
https://www.renpy.org/doc/html/text.htm ... tlinecolor

Or alternatively, define a second style (you can copy and paste the first one and change the name and the outline definition) and apply it.

[uttoriemi]

Most of this, you just could do it with styles.

Search for the corresponding element you want to put an outline on. Use the style inspector if you have doubts by putting the mouse over the element and press shift+i.

Once you have identified it, find the style on the screen menu. For example, for the quick menu, it should be

Code: Select all

style quick_button_text:

Below you can add an outline property as explained here:
https://www.renpy.org/doc/html/style_pr ... y-outlines

For elements of the same type showing at the same time, like in your first example, you could use text tags, as explained here:
https://www.renpy.org/doc/html/text.htm ... tlinecolor

Or alternatively, define a second style (you can copy and paste the first one and change the name and the outline definition) and apply it.

Thank you so much! I feel so silly for overlooking this. Thanks again