From a2a09b1e20fa8c606022ecaca8739d0560bf5e58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Hrb=C3=A1=C4=8D?= <david@hrbac.cz>
Date: Fri, 20 Jan 2017 09:20:07 +0100
Subject: [PATCH] Color changer
---
docs.it4i/colors.md | 62 +++++++++++++++++++++++++++++++++++++++++++++
mkdocs.yml | 1 +
2 files changed, 63 insertions(+)
create mode 100644 docs.it4i/colors.md
diff --git a/docs.it4i/colors.md b/docs.it4i/colors.md
new file mode 100644
index 000000000..568ebd2e4
--- /dev/null
+++ b/docs.it4i/colors.md
@@ -0,0 +1,62 @@
+## Primary colors
+
+Click on a tile to change the primary color of the theme:
+
+<button data-md-color-primary="red">Red</button>
+<button data-md-color-primary="pink">Pink</button>
+<button data-md-color-primary="purple">Purple</button>
+<button data-md-color-primary="deep-purple">Deep Purple</button>
+<button data-md-color-primary="indigo">Indigo</button>
+<button data-md-color-primary="blue">Blue</button>
+<button data-md-color-primary="light-blue">Light Blue</button>
+<button data-md-color-primary="cyan">Cyan</button>
+<button data-md-color-primary="teal">Teal</button>
+<button data-md-color-primary="green">Green</button>
+<button data-md-color-primary="light-green">Light Green</button>
+<button data-md-color-primary="lime">Lime</button>
+<button data-md-color-primary="yellow">Yellow</button>
+<button data-md-color-primary="amber">Amber</button>
+<button data-md-color-primary="orange">Orange</button>
+<button data-md-color-primary="deep-orange">Deep Orange</button>
+<button data-md-color-primary="brown">Brown</button>
+<button data-md-color-primary="grey">Grey</button>
+<button data-md-color-primary="blue-grey">Blue Grey</button>
+
+<script>
+ var buttons = document.querySelectorAll("button[data-md-color-primary]");
+ Array.prototype.forEach.call(buttons, function(button) {
+ button.addEventListener("click", function() {
+ document.body.dataset.mdColorPrimary = this.dataset.mdColorPrimary;
+ })
+ })
+</script>
+
+## Accent colors
+
+Click on a tile to change the accent color of the theme:
+
+<button data-md-color-accent="red">Red</button>
+<button data-md-color-accent="pink">Pink</button>
+<button data-md-color-accent="purple">Purple</button>
+<button data-md-color-accent="deep-purple">Deep Purple</button>
+<button data-md-color-accent="indigo">Indigo</button>
+<button data-md-color-accent="blue">Blue</button>
+<button data-md-color-accent="light-blue">Light Blue</button>
+<button data-md-color-accent="cyan">Cyan</button>
+<button data-md-color-accent="teal">Teal</button>
+<button data-md-color-accent="green">Green</button>
+<button data-md-color-accent="light-green">Light Green</button>
+<button data-md-color-accent="lime">Lime</button>
+<button data-md-color-accent="yellow">Yellow</button>
+<button data-md-color-accent="amber">Amber</button>
+<button data-md-color-accent="orange">Orange</button>
+<button data-md-color-accent="deep-orange">Deep Orange</button>
+
+<script>
+ var buttons = document.querySelectorAll("button[data-md-color-accent]");
+ Array.prototype.forEach.call(buttons, function(button) {
+ button.addEventListener("click", function() {
+ document.body.dataset.mdColorAccent = this.dataset.mdColorAccent;
+ })
+ })
+</script>
diff --git a/mkdocs.yml b/mkdocs.yml
index 1822ba11d..3ca138da2 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -174,6 +174,7 @@ pages:
- Setting license preferences: salomon/software/ansys/licensing.md
- Licensing and Available Versions: salomon/software/ansys/setting-license-preferences.md
- PBSPro Documentation: pbspro-documentation/pbspro.md
+ - Colors: colors.md
extra:
#logo: img/logo2.png
--
GitLab