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

  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.