syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
1 lines • 13.7 kB
HTML
<html lang="en"><meta charset="utf-8"><title>Syntax highlighting; colorschemes for syntax highlighting</title><link rel="preload" href="http://atelierbram.github.io/syntax-highlighting/assets/css/style-redesign-v1.css" as="style" onload="this.rel='stylesheet'"><noscript><link rel="stylesheet" href="http://atelierbram.github.io/syntax-highlighting/assets/css/style-redesign-v1.css"></noscript><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="author" content="Bram de Haan"><meta name="description" content="Collection of colorschemes for Code Syntax highlighting"><link rel="author" href="https://plus.google.com/+BramdeHaan/posts"><body class="page-lab type-landingpage"><svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="visuallyhidden"><symbol id="NewTheme" viewBox="0 0 80 50"><g transform="rotate(8 32 32)"><g><rect x="38" fill="#c55000" width="3" height="6"/><rect x="38" y="44" fill="#c55000" width="3" height="6"/><rect x="74" y="22" fill="#c55000" width="6" height="3"/><rect y="22" fill="#c55000" width="6" height="3"/><rect x="64.713" y="3.808" transform="matrix(-0.53 -0.848 0.848 -0.53 95.5307 66.5651)" fill="#c55000" width="3" height="6"/><rect x="11.286" y="37.192" transform="matrix(-0.5298 -0.8481 0.8481 -0.5298 -14.5262 72.3317)" fill="#c55000" width="3" height="6"/><rect x="11.286" y="3.808" transform="matrix(0.5298 -0.8481 0.8481 0.5298 0.2381 14.0448)" fill="#c55000" width="3" height="6"/><rect x="64.712" y="37.192" transform="matrix(0.5298 -0.8481 0.8481 0.5298 -2.956 75.0528)" fill="#c55000" width="3" height="6"/></g><g><path fill="#b30" d="M30,30l-3.5-8v8H24V18h3l3.5,8v-8H33v12H30z"/><path fill="#b30" d="M37.5,19.999V23H41v2h-3.5v3h4.682v2H35V18h7v1.999H37.5z"/><path fill="#b30" d="M52,30l-1.75-9l-1.75,9h-3L43,18h2.606L47,27l2-9h2.5l2,9l1.5-9h2.5l-2,12H52z"/></g></g></symbol><symbol id="logoAvatar" viewBox="0 0 90 90"><rect fill="#2A2A28" width="90" height="90"/><rect x="14" y="25" fill="#FFFFFF" width="63" height="47"/><path fill="#E2D112" d="M41.435,3.348h10.781L66.69,84.196H54.523l-1.385-9.854H38.202l-1.849,9.854H24.187L41.435,3.348z M39.74,65.102h11.858l-5.082-36.036L39.74,65.102z"/></symbol></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" class="visuallyhidden"><defs><linearGradient id="svgGradient1" gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="452" y2="24"><stop offset="0%" style="stop-color: #ccb833"/><stop offset="50%" style="stop-color: #d77842"/><stop offset="100%" style="stop-color: #e05952"/></linearGradient><linearGradient id="svgGradient2" gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="252" y2="24"><stop offset="0%" style="stop-color: #e05952"/><stop offset="50%" style="stop-color: #6b6bc7"/><stop offset="100%" style="stop-color: #3391cc"/></linearGradient></defs><pattern id="patternGradient1" patternUnits="userSpaceOnUse" viewBox="0 0 452 96" width="452" height="96"><rect width="452" height="96" fill="url(#svgGradient1)"/></pattern><pattern id="patternGradient2" patternUnits="userSpaceOnUse" viewBox="0 0 252 96" width="252" height="96"><rect width="252" height="96" fill="url(#svgGradient2)"/></pattern><symbol id="syntax"><text id="textSyntax" x="245" y="48" style="font-family='Brando, Verdana'; font-size: 48px" text-anchor="middle" fill="url(#patternGradient1)">Syntax Highlighting</text></symbol><symbol id="colorschemes"><text id="textColorschemes" x="126" y="48" style="font-family:'brandosans-semibold-v100', Verdana; font-size:33px;text-transform:uppercase" text-anchor="middle" fill="url(#patternGradient2)">Colorschemes</text></symbol></svg><header class="row header" id="header"><h1 class="repo-title"><a href="https://github.com/atelierbram/syntax-highlighting"><svg width="452" height="96"><use xlink:href="#syntax"/></svg> <svg width="256" height="96"><use xlink:href="#colorschemes"/></svg> <span class="site-title conditionallyhidden">Syntax Highlighting</span><p class="tagline conditionallyhidden">colorschemes</p></a></h1></header><nav class="nav nav-site container"><ul class="nav_list nav-site_list"><li class=""><a href="http://atelierbram.github.io/syntax-highlighting/">Home</a></li><li class=""><a href="http://atelierbram.github.io/syntax-highlighting/atelier-schemes/">Atelier Schemes</a></li><li class=""><a href="http://atelierbram.github.io/syntax-highlighting/base2tone">Base2Tone</a></li><li class=""><a href="http://atelierbram.github.io/syntax-highlighting/prism">Prism</a></li></ul></nav><main class="container" id="main"><article class="article"><p><span class="note note-warning">This legacy content is obsolete and will not be maintained anymore.</span></p><p>Please use <a href="http://codepen.io/atelierbram/pen/JnbIt">Colorscheme Lab on Codepen</a></p><p>Link to <a href="http://atelierbram.github.io/syntax-highlighting/archive/lab">archived page</a>.</p></article></main><footer class="footer"><small><span class="visuallyhidden">by</span> <a href="http://atelierbramdehaan.nl"><svg width="48" height="48" class="logo-avatar"><use xlink:href="#logoAvatar"/></svg> <span class="visuallyhidden">Atelier Bram de Haan</span></a><span class=""><a href="https://github.com/atelierbram/syntax-highlighting"><span class="visuallyhidden">this repo on Github</span></a></span></small></footer><a href="https://github.com/atelierbram/syntax-highlighting" class="github-corner"><span class="visuallyhidden">This repo on Github</span><svg width="48" height="48" viewBox="0 0 250 250" style="fill:#73868c;color:#121516;position:absolute;top:0;border:0;right:0;z-index:4"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><script>!function(){"use strict";function a(a){l.push(a),1==l.length&&k()}function b(){for(;l.length;)l[0](),l.shift()}function c(a){this.a=m,this.b=void 0,this.f=[];var b=this;try{a(function(a){f(b,a)},function(a){g(b,a)})}catch(a){g(b,a)}}function d(a){return new c(function(b,c){c(a)})}function e(a){return new c(function(b){b(a)})}function f(a,b){if(a.a==m){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d)return void d.call(b,function(b){c||f(a,b),c=!0},function(b){c||g(a,b),c=!0})}catch(b){return void(c||g(a,b))}a.a=0,a.b=b,h(a)}}function g(a,b){if(a.a==m){if(b==a)throw new TypeError;a.a=1,a.b=b,h(a)}}function h(b){a(function(){if(b.a!=m)for(;b.f.length;){var a=b.f.shift(),c=a[0],d=a[1],e=a[2],a=a[3];try{0==b.a?e("function"==typeof c?c.call(void 0,b.b):b.b):1==b.a&&("function"==typeof d?e(d.call(void 0,b.b)):a(b.b))}catch(b){a(b)}}})}function i(a){return new c(function(b,c){function d(c){return function(d){g[c]=d,f+=1,f==a.length&&b(g)}}var f=0,g=[];0==a.length&&b(g);for(var h=0;h<a.length;h+=1)e(a[h]).c(d(h),c)})}function j(a){return new c(function(b,c){for(var d=0;d<a.length;d+=1)e(a[d]).c(b,c)})}var k,l=[];k=function(){setTimeout(b)};var m=2;c.prototype.g=function(a){return this.c(void 0,a)},c.prototype.c=function(a,b){var d=this;return new c(function(c,e){d.f.push([a,b,c,e]),h(d)})},window.Promise||(window.Promise=c,window.Promise.resolve=e,window.Promise.reject=d,window.Promise.race=j,window.Promise.all=i,window.Promise.prototype.then=c.prototype.c,window.Promise.prototype.catch=c.prototype.g)}(),function(){function a(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function b(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function b(){document.removeEventListener("DOMContentLoaded",b),a()}):document.attachEvent("onreadystatechange",function b(){"interactive"!=document.readyState&&"complete"!=document.readyState||(document.detachEvent("onreadystatechange",b),a())})}function c(a){this.a=document.createElement("div"),this.a.setAttribute("aria-hidden","true"),this.a.appendChild(document.createTextNode(a)),this.b=document.createElement("span"),this.c=document.createElement("span"),this.h=document.createElement("span"),this.f=document.createElement("span"),this.g=-1,this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;",this.b.appendChild(this.h),this.c.appendChild(this.f),this.a.appendChild(this.b),this.a.appendChild(this.c)}function d(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;left:-999px;white-space:nowrap;font:"+b+";"}function e(a){var b=a.a.offsetWidth,c=b+100;return a.f.style.width=c+"px",a.c.scrollLeft=c,a.b.scrollLeft=a.b.scrollWidth+100,a.g!==b&&(a.g=b,!0)}function f(b,c){function d(){var a=f;e(a)&&null!==a.a.parentNode&&c(a.g)}var f=b;a(b.b,d),a(b.c,d),e(b)}function g(a,b){var c=b||{};this.family=a,this.style=c.style||"normal",this.weight=c.weight||"normal",this.stretch=c.stretch||"normal"}function h(){if(null===k){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(a){}k=""!==a.style.font}return k}function i(a,b){return[a.style,a.weight,h()?a.stretch:"","100px",b].join(" ")}var j=null,k=null,l=null;g.prototype.load=function(a,e){var g=this,h=a||"BESbswy",k=e||3e3,m=(new Date).getTime();return new Promise(function(a,e){if(null===l&&(l=!!window.FontFace),l){var n=new Promise(function(a,b){function c(){(new Date).getTime()-m>=k?b():document.fonts.load(i(g,g.family),h).then(function(b){1<=b.length?a():setTimeout(c,25)},function(){b()})}c()}),o=new Promise(function(a,b){setTimeout(b,k)});Promise.race([o,n]).then(function(){a(g)},function(){e(g)})}else b(function(){function b(){var b;(b=-1!=q&&-1!=r||-1!=q&&-1!=s||-1!=r&&-1!=s)&&((b=q!=r&&q!=s&&r!=s)||(null===j&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),j=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=j&&(q==t&&r==t&&s==t||q==u&&r==u&&s==u||q==v&&r==v&&s==v)),b=!b),b&&(null!==w.parentNode&&w.parentNode.removeChild(w),clearTimeout(x),a(g))}function l(){if((new Date).getTime()-m>=k)null!==w.parentNode&&w.parentNode.removeChild(w),e(g);else{var a=document.hidden;!0!==a&&void 0!==a||(q=n.a.offsetWidth,r=o.a.offsetWidth,s=p.a.offsetWidth,b()),x=setTimeout(l,50)}}var n=new c(h),o=new c(h),p=new c(h),q=-1,r=-1,s=-1,t=-1,u=-1,v=-1,w=document.createElement("div"),x=0;w.dir="ltr",d(n,i(g,"sans-serif")),d(o,i(g,"serif")),d(p,i(g,"monospace")),w.appendChild(n.a),w.appendChild(o.a),w.appendChild(p.a),document.body.appendChild(w),t=n.a.offsetWidth,u=o.a.offsetWidth,v=p.a.offsetWidth,l(),f(n,function(a){q=a,b()}),d(n,i(g,'"'+g.family+'",sans-serif')),f(o,function(a){r=a,b()}),d(o,i(g,'"'+g.family+'",serif')),f(p,function(a){s=a,b()}),d(p,i(g,'"'+g.family+'",monospace'))})})},"undefined"!=typeof module?module.exports=g:(window.FontFaceObserver=g,window.FontFaceObserver.prototype.load=g.prototype.load)}();var font=new FontFaceObserver("brando",{weight:400});font.load().then(function(){console.log("Font is available"),document.documentElement.className=document.documentElement.className.replace(/\bwf-inactive\b/g,"")+" wf-active "},function(){console.log("Font is not available")}),function(a){"use strict";var b=function(b,c,d){function e(a){return h.body?a():void setTimeout(function(){e(a)})}function f(){i.addEventListener&&i.removeEventListener("load",f),i.media=d||"all"}var g,h=a.document,i=h.createElement("link");if(c)g=c;else{var j=(h.body||h.getElementsByTagName("head")[0]).childNodes;g=j[j.length-1]}var k=h.styleSheets;i.rel="stylesheet",i.href=b,i.media="only x",e(function(){g.parentNode.insertBefore(i,c?g:g.nextSibling)});var l=function(a){for(var b=i.href,c=k.length;c--;)if(k[c].href===b)return a();setTimeout(function(){l(a)})};return i.addEventListener&&i.addEventListener("load",f),i.onloadcssdefined=l,l(f),i};"undefined"!=typeof exports?exports.loadCSS=b:a.loadCSS=b}("undefined"!=typeof global?global:this),function(a){if(a.loadCSS){var b=loadCSS.relpreload={};if(b.support=function(){try{return a.document.createElement("link").relList.supports("preload")}catch(a){return!1}},b.poly=function(){for(var b=a.document.getElementsByTagName("link"),c=0;c<b.length;c++){var d=b[c];"preload"===d.rel&&"style"===d.getAttribute("as")&&(a.loadCSS(d.href,d),d.rel=null)}},!b.support()){b.poly();var c=a.setInterval(b.poly,300);a.addEventListener&&a.addEventListener("load",function(){a.clearInterval(c)}),a.attachEvent&&a.attachEvent("onload",function(){a.clearInterval(c)})}}}(this);</script></body></html>