Difference between revisions of "Text Styles"
From Wildermyth Wiki
(→Colors) |
|||
Line 58: | Line 58: | ||
|- | |- | ||
! Style !! hex !! on dark !! on light | ! Style !! hex !! on dark !! on light | ||
|- | |- | ||
| | | light || d8d8d8 || style="background-color:#403030; color:#d8d8d8" | example || style="background-color:#F8F0F0; color:#d8d8d8" | example | ||
|- | |||
| dark || 303030 || style="background-color:#403030; color:#303030" | example || style="background-color:#F8F0F0; color:#303030" | example | |||
|- | |||
| darkGold || 957700 || style="background-color:#403030; color:#957700" | example || style="background-color:#F8F0F0; color:#957700" | example | |||
|- | |||
| darkRed || 864032 || style="background-color:#403030; color:#864032" | example || style="background-color:#F8F0F0; color:#864032" | example | |||
|- | |||
| darkGreen || 738632 || style="background-color:#403030; color:#738632" | example || style="background-color:#F8F0F0; color:#738632" | example | |||
|- | |||
| darkAqua || 3b7a78 || style="background-color:#403030; color:#3b7a78" | example || style="background-color:#F8F0F0; color:#3b7a78" | example | |||
|- | |||
| darkBlue || 6775d8 || style="background-color:#403030; color:#6775d8" | example || style="background-color:#F8F0F0; color:#6775d8" | example | |||
|- | |||
| darkPurple || 5e008a || style="background-color:#403030; color:#5e008a" | example || style="background-color:#F8F0F0; color:#5e008a" | example | |||
|- | |||
| gray || 928f7c || style="background-color:#403030; color:#928f7c" | example || style="background-color:#F8F0F0; color:#928f7c" | example | |||
|- | |||
| gold || d2ba1b || style="background-color:#403030; color:#d2ba1b" | example || style="background-color:#F8F0F0; color:#d2ba1b" | example | |||
|- | |||
| red || b1623c || style="background-color:#403030; color:#b1623c" | example || style="background-color:#F8F0F0; color:#b1623c" | example | |||
|- | |||
| green || 9dc753 || style="background-color:#403030; color:#9dc753" | example || style="background-color:#F8F0F0; color:#9dc753" | example | |||
|- | |||
| aqua || 8fd8e8 || style="background-color:#403030; color:#8fd8e8" | example || style="background-color:#F8F0F0; color:#8fd8e8" | example | |||
|- | |||
| blue || 8fa1fc || style="background-color:#403030; color:#8fa1fc" | example || style="background-color:#F8F0F0; color:#8fa1fc" | example | |||
|- | |||
| purple || a595f5 || style="background-color:#403030; color:#a595f5" | example || style="background-color:#F8F0F0; color:#a595f5" | example | |||
|- | |||
| neutralAspect || ffffff || style="background-color:#403030; color:#ffffff" | example || style="background-color:#F8F0F0; color:#ffffff" | example | |||
|- | |||
| positiveAspect || 80ff80 || style="background-color:#403030; color:#80ff80" | example || style="background-color:#F8F0F0; color:#80ff80" | example | |||
|- | |||
| negativeAspect || ff8080 || style="background-color:#403030; color:#ff8080" | example || style="background-color:#F8F0F0; color:#ff8080" | example | |||
|} | |} |
Revision as of 14:05, 8 February 2018
Text in a comic panel can be formatted with style tags, using [square brackets].
Example:
[bold]bold text [italic]Bold italic text[]bold again[] regular again.
Depending on the panel style, a different default style and color will be set, but these can always be overridden. Here is the full list of styles you can use:
Font Selection
Style | Meaning |
---|---|
default | Use the default size comic text (Komika), dark color. |
small | Use small comic text (Komika). |
large | Use large comic text (Komika). |
action | Use the "Action" font (GloriaHallelujah). |
actionSmall | Use a small size of the Action font (GloriaHallelujah) |
actionLarge | Use a large size of the Action font (GloriaHallelujah) |
actionHuge | Use a very large, almost silly size of the Aciton font. (GloriaHallelujah) |
header | Use a large size of the display font (Alegreya) |
subHeader | Use a normal-large size of the display font (Alegreya) |
Panel Defaults
Style | Meaning |
---|---|
thought | Use dark, italic text. This is the default for "thought bubbles." |
speech | Use dark text, not italic. Default for "speech bubbles." |
narration | use light text, italic. Default for "narration" text boxes. |
Styles
Header text | Header text |
---|---|
italic OR i | use italics. |
bold or b | use bold. |
ni | not italic. (Useful if you want one word in e.g. a narration panel to be non-italic) |
nb | not bold (text inside will be normal weight, even if outside is bold.) |
Colors
Style | hex | on dark | on light |
---|---|---|---|
light | d8d8d8 | example | example |
dark | 303030 | example | example |
darkGold | 957700 | example | example |
darkRed | 864032 | example | example |
darkGreen | 738632 | example | example |
darkAqua | 3b7a78 | example | example |
darkBlue | 6775d8 | example | example |
darkPurple | 5e008a | example | example |
gray | 928f7c | example | example |
gold | d2ba1b | example | example |
red | b1623c | example | example |
green | 9dc753 | example | example |
aqua | 8fd8e8 | example | example |
blue | 8fa1fc | example | example |
purple | a595f5 | example | example |
neutralAspect | ffffff | example | example |
positiveAspect | 80ff80 | example | example |
negativeAspect | ff8080 | example | example |