Page 1 of 1

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

Posted: Thu May 02, 2019 11:24 pm
by uttoriemi
Hello, all. I'm a rather new VN dev so please go easy on me! :D

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.
3.PNG
["Miranda" and "Name" have different color outlines.
2.PNG
This has a white outline around the game menu while the one below.... vvv
1.PNG
has black outline on the quick menu. ^^^

4.PNG
(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 :lol: :lol:

Re: How to add text outline for specific scenes/text?

Posted: Fri May 03, 2019 1:19 am
by 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.

Re: How to add text outline for specific scenes/text?

Posted: Fri May 03, 2019 5:42 pm
by uttoriemi
Matalla wrote: Fri May 03, 2019 1:19 am 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 :D