Cumulus Wiki

Default Website Development: Difference between revisions

Page Discussion

Default Website Development (view source)

Revision as of 09:31, 16 June 2021

1,377 bytes added ,  16 June 2021
→‎Colour schemes
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 schemesThemes===
The website and templates use a colour schemethemes 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:
The theme included in the pack are:
<nowiki><span style="border-color: var(--d2);"></span></nowiki>.
* '''Arcadia''' - almost a bottle green based on #00a591▼
* '''CherryTomato''' - a muted red based on #e94b3c▼
* '''ChiliOil''' - a reddy brown based on #944743
* '''HarbourMist''' - A warm grey based on #b4b7ba
* '''Limelight''' - An insipid yellow based on #f1ea7f (for the brave or colour challenged)▼
* '''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
* '''SpringCrocus''' - a muted purple based on #bc70a4▼
* '''UltraViolet''' - Two theme based on purple / violet - again for the brave or colour challenged.▼
* '''ValientPoppy''' - As above.
 
Visit the new '''[https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer]''' to preview any of these themes on a basic template page.
More will be added over time. Use this link [https://cumuluswiki.org/images/4/43/ColourSchemes.zip Additional colour schemes] to down load the schemes. Updated: 11 March 2021.▼
 
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''' -|| aA 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 - Twoagain for the brave or colour challenged. || '''ValientPoppy''' || themeTheme 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. || ||
|}
 
▲More will be added over time. 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: 1116 MarchJune 2021.
NeilThomas
338

edits

Retrieved from "https://www.cumuluswiki.org/a/Special:MobileDiff/9247"