Module for Orchard Core for overriding CSS variables used within a theme.
This module is referencing a stable build of Orchard Core (1.7.2).
This module is available on NuGet. Add a reference to your Orchard Core web project via the NuGet package manager. Search for "Etch.OrchardCore.ThemeSettings", ensuring include prereleases is checked.
Alternatively you can download the source or clone the repository to your local machine. Add the project to your solution that contains an Orchard Core project and add a reference to Etch.OrchardCore.ThemeSettings.
Firstly your theme must be using CSS variables (see our theme boilerplate for an example of this).
Enable "Theme Settings" feature within the admin dashboard. This will create a new "Theme Settings" content type that utilises custom settings and can be accessed in the admin menu under "Settings".
By default the theme settings content type will only contain a field for defining the primary colour. To customise additional CSS variables within the theme, add a new colour field or text field to the theme settings ensuring that the technical name of the field matches the CSS variable name.
