Canopy IIIF 0.12.0 - "Themes" is released. Read more →
Theming
Color & Visuals

Color & Visuals

Implementers of Canopy IIIF can configure the color scheme and visual elements of the site by modifying the theme property in the canopy.json file. See theme configuration options for more information.

config/canopy.json
{
  "collection": "https://iiif.bodleian.ox.ac.uk/iiif/collection/hobhouse",
  "theme": {
    "defaultTheme": "light",
    "accentColor": "red",
    "grayColor": "sand",
    "radius": "small",
    "scaling": "100%"
  }
}

Colors

The following defined and accessible color scales are available for use in the theme configuration. Learn more about the colors from the Radix UI Themes documentation (opens in a new tab).

Accent Colors

UI components use the accent color to highlight interactive elements. The default accent color is indigo.

Graygray
Goldgold
Bronzebronze
Brownbrown
Yellowyellow
Amberamber
Orangeorange
Tomatotomato
Redred
Rubyruby
Crimsoncrimson
Pinkpink
Plumplum
Purplepurple
Violetviolet
Irisiris
Indigoindigo
Blueblue
Cyancyan
Tealteal
Jadejade
Greengreen
Grassgrass
Limelime
Mintmint
Skysky

Gray Colors

UI components use the gray color to style non-interactive elements. The default gray color is slate.

Graygray
Mauvemauve
Slateslate
Sagesage
Oliveolive
Sandsand

Radius

The radius property in the theme configuration sets the border radius for UI components. The default radius is medium.

Nonenone
Smallsmall
Mediummedium
Largelarge
Fullfull

Scaling

The scaling property in the theme configuration sets the scaling factor for UI components. The default scaling is 100%.

90%90%

Francis Danby

Born in 1793 near Killinick, Ireland, Francis Danby initially gained recognition for his romantic landscapes and atmospheric scenes that captivated the Victorian public. After moving to Bristol, England, he became a key figure in the Bristol School of artists, where he further developed his unique style of using dramatic contrasts and rich, moody colors to evoke powerful emotions. His work, often imbued with themes of the sublime and picturesque, made significant contributions to the British Romantic movement in art.
95%95%

Francis Danby

Born in 1793 near Killinick, Ireland, Francis Danby initially gained recognition for his romantic landscapes and atmospheric scenes that captivated the Victorian public. After moving to Bristol, England, he became a key figure in the Bristol School of artists, where he further developed his unique style of using dramatic contrasts and rich, moody colors to evoke powerful emotions. His work, often imbued with themes of the sublime and picturesque, made significant contributions to the British Romantic movement in art.
100%100%

Francis Danby

Born in 1793 near Killinick, Ireland, Francis Danby initially gained recognition for his romantic landscapes and atmospheric scenes that captivated the Victorian public. After moving to Bristol, England, he became a key figure in the Bristol School of artists, where he further developed his unique style of using dramatic contrasts and rich, moody colors to evoke powerful emotions. His work, often imbued with themes of the sublime and picturesque, made significant contributions to the British Romantic movement in art.
105%105%

Francis Danby

Born in 1793 near Killinick, Ireland, Francis Danby initially gained recognition for his romantic landscapes and atmospheric scenes that captivated the Victorian public. After moving to Bristol, England, he became a key figure in the Bristol School of artists, where he further developed his unique style of using dramatic contrasts and rich, moody colors to evoke powerful emotions. His work, often imbued with themes of the sublime and picturesque, made significant contributions to the British Romantic movement in art.
110%110%

Francis Danby

Born in 1793 near Killinick, Ireland, Francis Danby initially gained recognition for his romantic landscapes and atmospheric scenes that captivated the Victorian public. After moving to Bristol, England, he became a key figure in the Bristol School of artists, where he further developed his unique style of using dramatic contrasts and rich, moody colors to evoke powerful emotions. His work, often imbued with themes of the sublime and picturesque, made significant contributions to the British Romantic movement in art.
ThemingLayout