Theme Guide

Theme Guide

Here is a guide of the CSS variables used in this site and which part of the site they correspond to.

--primary: The main background colour on each page.

--secondary: The colour of the header and footer, as well as the search button on the list of Forum Helpers page.

--secondaryHover: The colour of the header buttons when they are hovered over, as well as the colour the search button changes when hovered over on the list of Forum Helpers page.

--textPrimary: The main colour used for text on the page

--textSecondary: The colour used for text in the header and footer

--linkHover: The colours that links turn when you hover over them

--searchBar: The background colour of the search bar

--saturation: The saturation of images and Ocular Statuses (if your theme is a "light" theme, you can leave saturation at 100%, if it is a darker theme, saturation values of ~60% might be better.)

--tertiary: The colour used for the Switch Theme button in the footer

--tertiaryHover: The colour for the Switch Theme button in the footer when it is hovered on

--textTertiary: The colour for the text in the Switch Theme button in the footer.