New Default Web Site Information: Difference between revisions

m
no edit summary
mNo edit summary
Line 110: Line 110:


It is not recommended to edit supplied /web/websitedataT.json file directly, you risk losing any changes you make with every update.
It is not recommended to edit supplied /web/websitedataT.json file directly, you risk losing any changes you make with every update.
==== I want to change the colour theme ====
The site uses a separate stylesheet - colours.css, for all the colours used in the site.  This comes with three variations of the blue used.
All colours start with 'w3-theme' followed by either '-l1' to '-l5', '-d1' to '-d5', '-light' or '-dark'.  There are a few extras but more on those later. The l stands for light, the d for dark.
At the moment the main body uses 'w3-theme-light' giving a pale blue background and dark blue text. Replacing 'w3-theme-light' with 'w3-theme-dark' throughout the page switches these.  You will need to do this on all pages.
If you want to change the colours completely, you can use the [https://www.w3schools.com/w3css/w3css_color_generator.asp theme generator] at w3schools.com.  There you can select any base colour and it will generate an almost complete set of styles for you.  Copy this to the BOTTOM of the colours.css file and make sure that all the style names I have used are available in your new colour theme.
There are notes in the stylesheet to help.
Please make sure that you don't replace the existing styles, at least until you have checked that everything is OK.  By leaving the existing styles in place, anything that you miss will still get coloured.
313

edits