Introduction
The concept of a 'light on dark' colour scheme is an aspect many web designers have embraced over the years. It is particularly popular in creative artwork, photography and filmmaking websites. This latest Composition theme is not only of help to novice RapidWeaver (users looking to explore "addon" themes for the first time), but also of help to people in a wide range of creative industries seeking a basic "no frills" theme.History
Composition started out life as a free RapidWeaver theme called Aperture, in about 2005. It could be said that Aperture was the first 'light on dark' theme ever created for RapidWeaver. The original Aperture theme received a rapturous response from many RapidWeaver users, and a large number of feature requests were put forward.In October 2006, the 'Composition' theme was released; a paid version of Aperture with significantly more features. Composition remained supported and on sale all the way through until late 2016. Dwindling sales and compliance with stricter privacy laws meant it was no longer economically viable to keep it actively developed. It was therefore mothballed shortly thereafter.
But that's not the end of the story. Composition got re-released (in its current form), in November 2020. Now a free theme with an entirely new codebase and feature set. The current Composition theme still draws inspiration from some of the original styling in past versions. The new Composition theme is a lot more agile and embraces some of the latest web development technologies. This version of Composition is compatible with RapidWeaver 8 and upwards.
Plugin compatibility
Like most conventional RapidWeaver themes, Composition is compatible with nearly all page type plugins. This includes plugins that ship with RapidWeaver (like Styled Text, Markdown, HTML Code and the Contact Form). Plus a number of third party plugins and stacks.Browser compatibility
This is a responsive RapidWeaver theme. You can expect Composition to work well on all newer web browsers and devices. Features like flexbox layouts and animation effects degrade gracefully on older browsers that don't support them.Customising the mobile toggle menu button
The button for toggling the mobile menu open and closed has a text label to ensure website users instantly know how to navigate it. This text label is set using CSS code. You might want to change the label to something else. Custom CSS code can be used to accomplish this task:nav #mobile_menu_toggle:after {
content: 'Webpage Links';
}
Change the words Website Links to whatever you want. This CSS code can be entered in Settings > Code > CSS where it will take effect on all pages of your website.