Introduction
The archive’s appearance and colour scheme are defined by a theme style.
A theme style is a set of editable properties that are compiled against a template to produce a Cascading Style Sheet used by the browser to style the archives web pages.
There are two templates – light-on-dark and dark-on-light. You can think of these templates as a formula for creating a colour scheme base on whether your theme style will have light text on a dark background or dark text on a light background.
There are two example theme style sets pre-installed on the archive that demonstrate each of these templates – Desert Nights and Coastal Glare. The former using the light-on-dark template and the latter uses the dark-on-light template.
The style that is used by the archive is called the ‘default style’. While the archive can have multiple theme styles, only one style can be used as the default at any one time. Portal archives can use a different default style from the master archive to clearly distinguish between each of the archives.
Theme styles are modified using the Style editor within the archive. The editor logically groups, labels and describes each of these properties to simplify a rather extensive set of properties.
The process of creating your own theme style or modifying an existing style can be time consuming and complicated; after all, there are over 160 editable properties in a theme style. The following suggested workflow can take some of the frustration out of editing your archives appearance.
Suggested workflow
This workflow requires a computer with two different browser brands installed. For example, Edge and Chrome or Firefox and Safari or any combination of the aforementioned browser brands.
- Open a browser window, login to the archive as a Super Administrator and navigate to the Theme styles page. This browser window will be for modifying the style.
If you are planning to make significant changes to an existing Style, then you should consider making a copy of the Style before making your changes, that way you can revert to the previous version if you don’t like your changes.
Open the style you wish to modify in the Edit style page. - In a difference brand of browser, open another browser window and log in to the archive. This browser window will be for previewing your changes.
If you have created a new style in step 1 or the style is not the default theme for the archive, navigate to the Theme styles page and choose to Preview the new style in the browser.
Return to the main archive pages. - In the window with the Edit style page displayed make your changes to the style properties. Save to compile the changes.
- Switch to the browser where you can preview your changes. You will need to navigate to a page where your changes will be visible. If this is the page the browser is already showing, refresh the page so the changes will be displayed.
- Repeat the process of making changes in one window (step 3) and previewing them in another (step 4) until you’re happy with the appearance.
If your archive is used with mobile devices, it is good practice to preview your style changes on phones and tablets to ensure your changes look good on the small screens too.
To view the Theme styles page, navigate to:
- Main Menu
- Administration tab
- Theme styles hyperlink
Creating or copying a theme style
- Navigate to the Theme styles page by going to: Main Menu → Administration tab → Theme styles hyperlink.
- In the Actions button menu, select New style.
- In the New style wizard, enter a Name for your new style and select the template for the new style in the Use template field. Click Continue.
- In the Copy style step, you can choose to copy the style properties of an existing style or use the default template properties. Make your selection in the Use styles list.
Note: you can only copy styles from existing styles of the same template type.
Click Continue. - The new style will begin compiling, once finished, the wizard will display the outcome of the process. Click Done to return to the Theme styles page.
See Editing theme styles and Setting the default theme style for the archive for what to do next.
Editing theme styles
- Navigate to the Theme styles page by going to: Main Menu → Administration tab → Theme styles hyperlink.
- In the list of styles, locate the style you wish to edit and click its title hyperlink.
- In the Edit style page, make your changes to the style’s properties, then click Save to compile the style.
Previewing a theme style
- Navigate to the Theme styles page by going to: Main Menu → Administration tab → Theme styles hyperlink.
- Click Preview style in the row of the style you wish to preview.
- Once you’ve finished previewing the style, return to the Theme styles page and click Stop preview to display the default style for the archive.
Setting the default style for the archive
Note: You cannot make a style the default if it is out-of-date. If you receive this message, simply open the style in the Edit style page and save it. This will force the style to recompile, and you should then be able to make the style the default.
- Navigate to the Theme styles page by going to: Main Menu → Administration tab → Theme styles hyperlink.
- In the list of styles, locate the style you wish to use as the default and click Make default beneath the title of the style.
- On the Make default style page, click Default style.
Removing theme styles
Note: If you are removing the default style, you must first create or assign another style as the default for the archive.
- Navigate to the Theme styles page by going to: Main Menu → Administration tab → Theme styles hyperlink.
- In the list of styles, locate the style you wish to remove and click Remove beneath the title of the style.
- On the Remove style page, click Remove style.