<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Gist Syntax Themes</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
*, *::before, *::after {
box-sizing: border-box;
}
html {
font: 18px/1.4 'Open Sans', sans-serif;
}
body {
max-width: 1100px;
margin: 40px auto 80px;
padding: 0 40px;
color: #495057;
background-color: #f8f9fa;
}
a {
color: #1098ad;
text-decoration: none;
}
a:hover {
color: #0c8599;
}
.source {
display: inline-block;
padding: 10px 30px;
border: 1px solid #fff;
border-radius: 5px;
color: #f8f9fa;
background-color: #1098ad;
}
.source:hover {
color: #f8f9fa;
background-color: #0c8599;
}
section {
margin-top: 40px;
}
</style>
</head>
<body>
<h1>Gist Syntax Themes</h1>
<p>
Previews of all the gist syntax themes in this project. Click any theme name to get its stylesheet.
</p>
<p>
Stylesheets were adapted from <a href="https://github.com/StylishThemes/GitHub-Dark">GitHub-Dark</a> by <a href="https://github.com/StylishThemes">StylishThemes</a>.
This project retains the same <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA-4.0</a> license.
</p>
<p>
<a href="https://github.com/lonekorean/gist-syntax-themes" class="source">Go to GitHub repo</a>
<a href="https://www.npmjs.com/package/gist-syntax-themes" class="source">Go to npm package</a>
</p>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/chaos.css">Chaos</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="xqwMRe" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Chaos" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/xqwMRe/">Customizing GitHub Gists: Chaos</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/cobalt.css">Cobalt</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="jYYpqx" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Cobalt" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/jYYpqx/">Customizing GitHub Gists: Cobalt</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/idle-fingers.css">Idle Fingers</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="KZZBMe" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Idle Fingers" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/KZZBMe/">Customizing GitHub Gists: Idle Fingers</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/monokai.css">Monokai</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="jBbXGr" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Monokai" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/jBbXGr/">Customizing GitHub Gists: Monokai</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/obsidian.css">Obsidian</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="OpydWW" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Obsidian" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/OpydWW/">Customizing GitHub Gists: Obsidian</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/one-dark.css">One Dark</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="ZvvjOV" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: One Dark" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/ZvvjOV/">Customizing GitHub Gists: One Dark</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/pastel-on-dark.css">Pastel On Dark</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="jBbdBY" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Pastel On Dark" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/jBbdBY/">Customizing GitHub Gists: Pastel On Dark</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/solarized-dark.css">Solarized Dark</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="zZveZy" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Solarized Dark" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/zZveZy/">Customizing GitHub Gists: Solarized Dark</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/solarized-light.css">Solarized Light</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="zppLBQ" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Solarized Light" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/zppLBQ/">Customizing GitHub Gists: Solarized Light</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script> </section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/terminal.css">Terminal</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="BWoMZR" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Terminal" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/BWoMZR/">Customizing GitHub Gists: Terminal</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/tomorrow-night.css">Tomorrow Night</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="KWdJqo" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Tomorrow Night" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/KWdJqo/">Customizing GitHub Gists: Tomorrow Night</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/twilight.css">Twilight</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="ryOPwQ" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Twilight" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/ryOPwQ/">Customizing GitHub Gists: Twilight</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
</body>
</html>