syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
246 lines (216 loc) • 9.16 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
<title>Atelier Schemes for Google Code Prettify</title>
<meta name="description" content="The selection of beautiful color themes for Google Code Prettify.">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700">
<link rel="stylesheet" href="css/style.css">
</head>
<body id="top">
<header class="header">
<div class="container">
<div class="page-header">
<h1>Atelier Schemes for Google Code Prettify</h1>
<p>Make your code snippets more beautiful. All syntax highlighting color themes on this page are for <a href="https://github.com/google/code-prettify">Google Code Prettify</a>.</p>
</div>
</div>
</header>
</div>
<div class="container main">
<dl id="filter" class="filter">
<dt>Filter:</dt>
<dd class="active"><a href="#" data-filter="*">All Themes</a></dd>
<dd><a href="#" data-filter=".dark">Dark</a></dd>
<dd><a href="#" data-filter=".light">Light</a></dd>
</dl>
<ul id="thumbnails" class="thumbnails">
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-cave-dark/"><img src="img/atelier-cave-dark-clipped.png" width="288" height="183" alt="Atelier Cave Dark"></a>
<div class="caption">
<h4>Atelier Cave Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-cave-light/"><img src="img/atelier-cave-light-clipped.png" width="288" height="183" alt="Atelier Cave Light"></a>
<div class="caption">
<h4>Atelier Cave Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-dune-dark/"><img src="img/atelier-dune-dark-clipped.png" width="288" height="183" alt="Atelier Dune Dark"></a>
<div class="caption">
<h4>Atelier Dune Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-dune-light/"><img src="img/atelier-dune-light-clipped.png" width="288" height="183" alt="Atelier Dune Light"></a>
<div class="caption">
<h4>Atelier Dune Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-estuary-dark/"><img src="img/atelier-estuary-dark-clipped.png" width="288" height="183" alt="Atelier Estuary Dark"></a>
<div class="caption">
<h4>Atelier Estuary Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-estuary-light/"><img src="img/atelier-estuary-light-clipped.png" width="288" height="183" alt="Atelier Estuary Light"></a>
<div class="caption">
<h4>Atelier Estuary Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-forest-dark/"><img src="img/atelier-forest-dark-clipped.png" width="288" height="183" alt="Atelier Forest Dark"></a>
<div class="caption">
<h4>Atelier Forest Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-forest-light/"><img src="img/atelier-forest-light-clipped.png" width="288" height="183" alt="Atelier Forest Light"></a>
<div class="caption">
<h4>Atelier Forest Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-heath-dark/"><img src="img/atelier-heath-dark-clipped.png" width="288" height="183" alt="Atelier Heath Dark"></a>
<div class="caption">
<h4>Atelier Heath Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-heath-light/"><img src="img/atelier-heath-light-clipped.png" width="288" height="183" alt="Atelier Heath Light"></a>
<div class="caption">
<h4>Atelier Heath Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-lakeside-dark/"><img src="img/atelier-lakeside-dark-clipped.png" width="288" height="183" alt="Atelier Lakeside Dark"></a>
<div class="caption">
<h4>Atelier Lakeside Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-lakeside-light/"><img src="img/atelier-lakeside-light-clipped.png" width="288" height="183" alt="Atelier Lakeside Light"></a>
<div class="caption">
<h4>Atelier Lakeside Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-plateau-dark/"><img src="img/atelier-plateau-dark-clipped.png" width="288" height="183" alt="Atelier Plateau Dark"></a>
<div class="caption">
<h4>Atelier Plateau Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-plateau-light/"><img src="img/atelier-plateau-light-clipped.png" width="288" height="183" alt="Atelier Plateau Light"></a>
<div class="caption">
<h4>Atelier Plateau Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-savanna-dark/"><img src="img/atelier-savanna-dark-clipped.png" width="288" height="183" alt="Atelier Savanna Dark"></a>
<div class="caption">
<h4>Atelier Savanna Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-savanna-light/"><img src="img/atelier-savanna-light-clipped.png" width="288" height="183" alt="Atelier Savanna Light"></a>
<div class="caption">
<h4>Atelier Savanna Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-seaside-dark/"><img src="img/atelier-seaside-dark-clipped.png" width="288" height="183" alt="Atelier Seaside Dark"></a>
<div class="caption">
<h4>Atelier Seaside Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-seaside-light/"><img src="img/atelier-seaside-light-clipped.png" width="288" height="183" alt="Atelier Seaside Light"></a>
<div class="caption">
<h4>Atelier Seaside Light</h4>
</div>
</div>
</li>
<li class="span4 item dark">
<div class="thumbnail">
<a href="atelier-sulphurpool-dark/"><img src="img/atelier-sulphurpool-dark-clipped.png" width="288" height="183" alt="Atelier Sulphurpool Dark"></a>
<div class="caption">
<h4>Atelier Sulphurpool Dark</h4>
</div>
</div>
</li>
<li class="span4 item light">
<div class="thumbnail">
<a href="atelier-sulphurpool-light/"><img src="img/atelier-sulphurpool-light-clipped.png" width="288" height="183" alt="Atelier Sulphurpool Light"></a>
<div class="caption">
<h4>Atelier Sulphurpool Light</h4>
</div>
</div>
</li>
</ul>
</div>
<div class="container">
<div class="row">
<div class="span12">
<h3 id="usage"><i class="icon icon-leaf icon-large"></i> Usage</h3>
<ol>
<li><a href="https://github.com/google/code-prettify/blob/master/README.md">Setup</a> the Google Code Prettify.</li>
<li>Load a downloaded CSS file instead of <code>prettify.css</code>.</li>
<li>Beautiful.</li>
</ol>
</div>
</div>
</div>
<footer class="container">
<hr>
<p class="pull-right"><a href="#top"><i class="icon icon-chevron-up"></i> Back to top</a></p>
<p>This webpage is adapted from by <a href="http://jmblog.github.io/color-themes-for-google-code-prettify/">jmblog</a>.<br />
Google Code Prettify is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.</p>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/script.min.js"></script>
</body>
</html>