diff --git a/docs.it4i/colors.md b/docs.it4i/colors.md deleted file mode 100644 index 568ebd2e4d42ff5ab4514224e469a30c1d07cc6f..0000000000000000000000000000000000000000 --- a/docs.it4i/colors.md +++ /dev/null @@ -1,62 +0,0 @@ -## 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>