H2O: Accent colour options
Milk allows you to either use a gradient preset colour scheme, or choose your own accent using a colour picker.
Colour scheme previews
Option Name | Output |
Custom |
|
Red | |
Orange | |
Yellow | |
Green | |
Blue | |
Purple | |
Hot Pink | |
Nuclear Waste | |
Choosing a preset colour scheme
- Open the H2O theme settings
- Find "Theme preset colour"
- Set as required
- Submit
Setting your own accent colour
- Open the H2O theme settings
- Set "Theme Preset Colour" to "Custom (use colour picker below)"
- On the row below, set "Theme Accent Colour" to a colour of your choice, or enter a hexadecimal colour value:
- Submit
Adding or modifying a preset gradient
Rather than add a new gradient switch to H2O theme settings, it is easier to modify the stylesheet for a theme preset you don't like.
In this example we'll modify the "Blue" stylesheet.
- In H2O theme settings, select the "Blue" preset
- The colour definitions are stored in:
yourforum.com/styles/Milk_v2/theme/colour-presets/Blue.css - Modify the colour and gradient values as desired
We recommend using a CSS3 gradient generator such as cssgradient.io to automatically generate new code for your own gradient.
Unreadable footer links
Some custom presets might cause the footer links to blend into the background:
This can be remedied by enabling the "High contrast footer links" option in H2O theme settings: