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







Hot Pink

Nuclear Waste

Choosing a preset colour scheme

  1. Open the H2O theme settings
  2. Find "Theme preset colour"
  3. Set as required
  4. Submit

Setting your own accent colour

  1. Open the H2O theme settings
  2. Set "Theme Preset Colour" to "Custom (use colour picker below)"
  3. On the row below, set "Theme Accent Colour" to a colour of your choice, or enter a hexadecimal colour value:

  4. 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. 

  1. In H2O theme settings, select the "Blue" preset 
  2. The colour definitions are stored in: yourforum.com/styles/Milk_v2/theme/colour-presets/Blue.css
  3. 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. 

See: How to edit code files

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:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.