--- id: properties someText: example values moreText: added using YAML format aPath: /path/to/a/file.html bPath: /path/ colorProps: allowsOpacity: true prefix: "$" operator: "+" operand: "20" ---

Custom Controls

customItems from Theme plist

These are the custom items that stack developers will recognize from the Stack API. All Stack API Controls are available in the Theme API too.

showProperties: :(showProperties):
width:          :(width):
height:         :(height):
size:           :(size):
opacity:        :(opacity):
    

Properties Frontmatter

properties in the YAML in properties.html

properties defined in the frontmatter of a template are available to that template and any templates that it includes.

someText:       :(someText):
moreText:       :(moreText):
aPath:          :(aPath):
bPath:          :(bPath):
    

Body Frontmatter

properties in the YAML in body.html

Note how the properties introduced in the body are available in any included templates

colorProps:     :(colorProps):
sampleThemeId:  :(sampleThemeId):
:(site.theme.parent.uid):
    

Internal Properties

Just a few properties from the Theme API

Try adding :(page): or :(site): to see the complete contents of those objects.

The Page
page.title:                 :(page.title):
page.uid:                   :(page.uid):
page.title:                 :(page.title):
colorProps:                 :(page.fileName):
colorProps:                 :(page.link):
    
The Site
site.baseURL:               :(site.baseURL):
site.domain:                :(site.domain):
site.title:                 :(site.title):
site.urlString:             :(site.urlString):
    
The Theme's Parent
site.theme.parent.title:    :(site.theme.parent.title):
site.theme.parent.uid:      :(site.theme.parent.uid):