The Cotton Candy extension¶
The cotton-candy
extension provides Betty’s default theme.
Important
This extension requires npm.
Enable this extension in your project’s configuration file as follows:
extensions:
cotton-candy: {}
{
"extensions": {
"cotton-candy": {}
}
}
Configuration¶
This extension is configurable:
extensions:
cotton-candy:
configuration:
primary_inactive_color: '#ffc0cb'
primary_active_color: '#ff69b4'
link_inactive_color: '#149988'
link_active_color: '#2a615a'
featured_entities:
- entity_type: Person
entity_id: P123
- entity_type: Place
entity_id: Amsterdam
logo: my-ancestry-logo.png
{
"extensions": {
"cotton-candy": {
"configuration" : {
"primary_inactive_color": "#ffc0cb",
"primary_active_color": "#ff69b4",
"link_inactive_color": "#149988",
"link_active_color": "#2a615a",
"featured_entities": [
{
"entity_type": "Person",
"entity_id": "P123"
},
{
"entity_type": "Place",
"entity_id": "Amsterdam"
}
],
"logo": "my-ancestry-logo.png"
}
}
}
}
All configuration options¶
primary_inactive_color
(optional): The case-insensitive hexadecimal code for the primary color. Defaults to#ffc0cb
.primary_active_color
(optional): The case-insensitive hexadecimal code for the primary color for actively engaged elements. Defaults to#ff69b4
.link_inactive_color
(optional): The case-insensitive hexadecimal code for the link color. Defaults to#149988
.link_active_color
(optional): The case-insensitive hexadecimal code for the color of actively engaged links. Defaults to#2a615a
.featured_entities
(optional): A list of entities to feature on the front page. Each item has the following configuration:entity_type
(required): The name of the entity type to feature, e.g.Person
.entity_id
(required): The ID of the entity type to feature, e.g.P123
.
logo
(optional): The path to your site’s logo file. Defaults to the Betty logo.