Added easy color customization via CSS variables

ovasquez · Dec 3, 2019 · 24ee772 · 24ee772
1 parent 7cb98db
commit 24ee772
Show file tree

Hide file tree

Showing 4 changed files with 189 additions and 111 deletions.
diff --git a/README.md b/README.md
@@ -20,4 +20,17 @@ The colors were chosen using <https://material.io/tools/color>.
  "templates/material"
  ],
  }
- ```
+ ```
+
+## Color customization
+
+You can easily customize the color of the header bar and the links by updating
+the following variables in the `material/styles/main.css` file.
+
+```css
+:root {
+ --primary-color: #1565c0; /* Header color */
+ --primary-light: #5e92f3; /* Link color */
+ --primary-dark: #003c8f; /* Link:hover color */
+}
+```
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## Version 0.3.0 - December 2nd 2019
+
+- Added easy customization of header and link colors.
+
 ## Version 0.2.0 - February 1st 2019
 
 - Added material theme for the `note|warning|caution` blockquotes.

diff --git a/docs/index.md b/docs/index.md
@@ -22,6 +22,19 @@ The colors were chosen using <https://material.io/tools/color>.
  }
  ```
 
+## Color customization
+
+You can easily customize the color of the header bar and the links by updating
+the following variables in the `material/styles/main.css` file.
+
+```css
+:root {
+ --primary-color: #1565c0; /* Header color */
+ --primary-light: #5e92f3; /* Link color */
+ --primary-dark: #003c8f; /* Link:hover color */
+}
+```
+
 ## Markdown extras
 
 For more reference about markdown support in DocFX check the