320
edits
Default Website Development: Difference between revisions
→Colour schemes
NeilThomas (talk | contribs) m (→Templates) |
NeilThomas (talk | contribs) |
||
| Line 27: | Line 27: | ||
We hope to have complete 'website' ready alternatives to the default provided by CumulusMX available. It is likely that these will include a NOAA reports page as standard. | We hope to have complete 'website' ready alternatives to the default provided by CumulusMX available. It is likely that these will include a NOAA reports page as standard. | ||
===Colour | ===Colour Themes=== | ||
The website and templates use | The website and templates use colour themes to make it easier to change the colour throughout the site. By downloading the colour theme pack, you can simply rename the chosen colour as 'colours.css' and it will be applied throughout your site. All colour themes have now been updated to use css variables for the available theme colours. This makes it much easier to add your theme colours to your custom pages. or stylesheets. It is also possible to apply theme colours to the gauges tooltips in this way. | ||
For example, to add a coloured border to an element you can add the style like so: | |||
<nowiki><span style="border-color: var(--d2);"></span></nowiki>. | |||
Visit the new '''[https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer]''' to preview any of these themes on a basic template page. | |||
You will also find that additional themes have now been added. If you download these from the above site, a reworked default 'colours.css' stylesheet is included. The current list is: | |||
{| class="wikitable" | |||
|- | |||
! Theme !! Description !! Theme !! Description | |||
|- | |||
| '''AlmostMauve''' || As the name implies, a mauve like colour || '''Arcadia''' || almost a bottle green based on #00a591 | |||
|- | |||
| '''CherryTomato''' || A muted red based on #e94b3c || '''ChiliOil''' || A reddy brown based on #944743 | |||
|- | |||
| '''CoconutMilk''' || A slightly sandy milk colour is the best way to describe this || '''Emporador''' || A mid misty brown based colour | |||
|- | |||
| '''HarbourMist''' || A warm grey based on #b4b7ba || '''Limelight''' || An insipid yellow based on #f1ea7f (for the brave or colour challenged) | |||
|- | |||
| '''Lime Punch''' || A greener variation on the 'LimeLight' theme || '''QuietGrey''' || A slightly cooler grey based on #bcbcbe | |||
|- | |||
| '''RedPear''' || A variation between CherryTomato and ChiliOil based on #bcbcbe || '''RussetOrange''' || A muted orange based on #bcbcbe | |||
|- | |||
| '''SailorBlue''' || A strong dark blue || '''SpringCrocus''' || a muted purple based on #bc70a4 | |||
|- | |||
| '''UltraViolet''' || Theme based on purple / violet - again for the brave or colour challenged. || '''ValientPoppy''' || Theme based on purple / violet - again for the brave or colour challenged. | |||
|- | |||
| '''WarmSand''' || The lighter colours are sandy coloured while the darker range have a distinct orange tinge. || || | |||
|} | |||
Use this link [https://cumuluswiki.org/images/4/43/ColourSchemes.zip Additional colour schemes] to down load the schemes. Please note that this link has not yet been updated and will only provide the original themes. Updated: 16 June 2021. | |||