syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
2 lines (1 loc) • 4.16 kB
HTML
<html lang="en"><head><meta charset="utf-8"><title>Syntax highlighting</title><style>.red-background{background-color:#d73737}.orange-background{background-color:#b65611}.yellow-background{background-color:#cfb017}.green-background{background-color:#60ac39}.cyan-background{background-color:#1fad83}.blue-background{background-color:#6684e1}.violet-background{background-color:#b854d4}.magenta-background{background-color:#d43552}</style><link href="../assets/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /><link href="../assets/css/app.css" media="screen, projection" rel="stylesheet" type="text/css" /><meta name="viewport" content="width=device-width"><meta name="author" content="Bram de Haan"><meta name="robots" content="index, follow"><meta name="description" content="Colection of colorschemes for Code Syntax highlighting"/><link rel="author" href="https://plus.google.com/111567145811003203990/posts"></head><body><header class="row header"><div class="large-4 columns"><h1 class="repo-title"><a href="http://atelierbram.github.io/syntax-highlighting/">Syntax Highlighting <span class="tagline sh-small">colorschemes</span></a></h1></div><div class="large-8 columns"><ul class="inline-list right"><li><a href="../chrome-devtools">Chrome Devtools</a></li><li><a href="../lab">Lab</a></li><li><a href="../prism">Prism</a></li><li><a href="../duotones">Duotones</a></li><li><a href="../atelier-schemes/" data-dropdown="drop-atelierschemes" class="button dropdown dropdown-atelier">Atelier Schemes<span data-dropdown="drop-atelierschemes"></span></a><br><ul id="drop-atelierschemes" class="f-dropdown small" data-dropdown-content><li><a href="../atelier-schemes">index - overview</a></li><li><a href="../atelier-schemes/forest">Forest</a></li><li><a href="../atelier-schemes/heath">heath</a></li><li><a href="../atelier-schemes/sulpherpool">Sulpherpool</a></li><li><a href="../atelier-schemes/lakeside">Lakeside</a></li><li><a href="../atelier-schemes/seaside">Seaside</a></li><li><a href="../atelier-schemes/output">Output</a></li></ul></li></ul></div></header><div class="row"><article class="article article--demo"><div class="inner-wrap" id="wrap"><h2>Colorscheme Lab</h2><p data-height="590" data-theme-id="71" data-slug-hash="JnbIt" data-user="atelierbram" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/atelierbram/pen/JnbIt'>Colorscheme Lab – with Sass Variables</a> by Bram de Haan (<a href='http://codepen.io/atelierbram'>@atelierbram</a>) on <a href='http://codepen.io'>CodePen</a></p><script async src="http://codepen.io/assets/embed/ei.js"></script><h3>External</h3><ul><li><a href="http://codepen.io/atelierbram/pen/JnbIt">Colorscheme Lab on CodePen</a></li><li><a href="https://gist.github.com/atelierbram/6283373">Colorscheme Lab as Github Gist</a></li></ul></div></article><footer class="page-footer"><div class="large-12 columns"><div class="row"><div class="large-8 columns"><p id="license" class="copyright">© 2013 <a href="http://atelierbramdehaan.nl" class="underline">Atelier Bram de Haan</a>, Releases under <a href="http://atelierbram.mit-license.org" class="underline">MIT License</a></p></div><div class="large-4 columns"><a href="https://github.com/atelierbram/syntax-highlighting" class="sh-button">This repo on Github</a></div></div></div></footer></div><script> document.write('<script src=' + ('__proto__' in {} ? '../assets/js/vendor/zepto.min' : '../assets/js/vendor/jquery') + '.js><\/script>') </script><script src="../assets/js/foundation/foundation.min.js"></script><script src="../assets/js/foundation/foundation.dropdown.min.js"></script><script> $(document).foundation(); </script><script>function insertTopborder() { $('<div class="rainbow-border"><span class="yellow-background"></span><span class="orange-background"></span><span class="red-background"></span><span class="magenta-background"></span><span class="violet-background"></span><span class="blue-background"></span><span class="cyan-background"></span><span class="green-background"></span></div>').insertBefore('#wrap'); } insertTopborder();</script></body></html>