Difference between revisions of "Text Styles"

From Wildermyth Wiki
Line 58: Line 58:
|-
|-
! Style !! hex !! on dark !! on light
! Style !! hex !! on dark !! on light
|-
|-
| test  || ff0000 || style="background-color:#403030 color:#ff0000" | example || style="background-color:#F8F0F0 color:#ff0000" | example
| 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