syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
199 lines (181 loc) • 9.49 kB
HTML
<html>
<head>
<meta http-equiv="content-type" content="text/html">
<title>Base16 Atelier Forest</title>
<style type="text/css" media="screen">
body { margin: 5% 20%; }
.scheme, .author, pre, .block { font-family: "menlo", monospace; }
td, th { font-size: 13px; font-weight: bold; padding: 15px; margin: 0 5px 10px 0; }
th { text-align: center; }
pre {
font-size: 14px;
padding: 10px 20px;
}
.base00-background { background-color: #1b1918; }
.base01-background { background-color: #2c2421; }
.base02-background { background-color: #68615e; }
.base03-background { background-color: #766e6b; }
.base04-background { background-color: #9c9491; }
.base05-background { background-color: #a8a19f; }
.base06-background { background-color: #e6e2e0; }
.base07-background { background-color: #f1efee; }
.base08-background { background-color: #f22c40; }
.base09-background { background-color: #df5320; }
.base0A-background { background-color: #c38418; }
.base0B-background { background-color: #7b9726; }
.base0C-background { background-color: #3d97b8; }
.base0D-background { background-color: #407ee7; }
.base0E-background { background-color: #6666ea; }
.base0F-background { background-color: #c33ff3; }
.base00 { color: #1b1918; }
.base01 { color: #2c2421; }
.base02 { color: #68615e; }
.base03 { color: #766e6b; }
.base04 { color: #9c9491; }
.base05 { color: #a8a19f; }
.base06 { color: #e6e2e0; }
.base07 { color: #f1efee; }
.base08 { color: #f22c40; }
.base09 { color: #df5320; }
.base0A { color: #c38418; }
.base0B { color: #7b9726; }
.base0C { color: #3d97b8; }
.base0D { color: #407ee7; }
.base0E { color: #6666ea; }
.base0F { color: #c33ff3; }
.background { background-color: #1b1918; }
.background-intense { background-color: #868483; }
.foreground { background-color: #a8a19f; }
.foreground-intense { background-color: #ccc8c6; }
.color0 { background-color: #1b1918; }
.color0-intense { background-color: #868483; }
.color1 { background-color: #f22c40; }
.color1-intense { background-color: #f18d97; }
.color2 { background-color: #7b9726; }
.color2-intense { background-color: #b6c38a; }
.color3 { background-color: #c38418; }
.color3-intense { background-color: #dab983; }
.color4 { background-color: #407ee7; }
.color4-intense { background-color: #98b6ea; }
.color5 { background-color: #6666ea; }
.color5-intense { background-color: #abaaec; }
.color6 { background-color: #3d97b8; }
.color6-intense { background-color: #97c3d3; }
.color7 { background-color: #a8a19f; }
.color7-intense { background-color: #ccc8c6; }
</style>
</head>
<body>
<h1 class="scheme">Base16 Atelier Forest</h1>
<p class="author">Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest)</p>
<table>
<tbody>
<tr>
<th>Name</th>
<th>Color</th>
<th>Intense</th>
</tr>
<tr>
<td>Foreground</td>
<td class='foreground'> </td>
<td class='foreground-intense'> </td>
</tr>
<tr>
<td>Background</td>
<td class='background'> </td>
<td class='background-intense'> </td>
</tr>
<tr>
<td>Color 0 (Black)</td>
<td class='color0'> </td>
<td class='color0-intense'> </td>
</tr>
<tr>
<td>Color 1 (Red)</td>
<td class='color1'> </td>
<td class='color1-intense'> </td>
</tr>
<tr>
<td>Color 2 (Green)</td>
<td class='color2'> </td>
<td class='color2-intense'> </td>
</tr>
<tr>
<td>Color 3 (Yellow)</td>
<td class='color3'> </td>
<td class='color3-intense'> </td>
</tr>
<tr>
<td>Color 4 (Blue)</td>
<td class='color4'> </td>
<td class='color4-intense'> </td>
</tr>
<tr>
<td>Color 5 (Magenta)</td>
<td class='color5'> </td>
<td class='color5-intense'> </td>
</tr>
<tr>
<td>Color 6 (Cyan)</td>
<td class='color6'> </td>
<td class='color6-intense'> </td>
</tr>
<tr>
<td>Color 7 (White)</td>
<td class='color7'> </td>
<td class='color7-intense'> </td>
</tr>
</tbody>
</table>
<div>
<pre class="base00-background base05">
<span class="base0E">require</span> <span class="base0B">"gem"</span>
<span class="base08">string</span> = <span class="base0B">"base16"</span>
<span class="base08">symbol</span> = <span class="base0B">:base16</span>
<span class="base08">fixnum</span> = <span class="base09">0</span>
<span class="base08">float</span> = <span class="base09">0.00</span>
<span class="base08">array</span> = <span class="base0A">Array</span>.<span class="base0D">new</span>
<span class="base08">array</span> = [<span class="base0B">'chris'</span>, <span class="base09">85</span>]
<span class="base08">hash</span> = {<span class="base0B">"test"</span> => <span class="base0B">"test"</span>}
<span class="base08">regexp</span> = <span class="base0C">/[abc]/</span>
<span class="base03"># This is a comment</span>
<span class="base0E">class</span> <span class="base0A">Person</span>
<span class="base0D">attr_accessor</span> <span class="base0B">:name</span>
<span class="base0E">def</span> <span class="base0D">initialize</span>(<span class="base08">attributes</span> = {})
<span class="base08">@name</span> = <span class="base08">attributes</span>[<span class="base0B">:name</span>]
<span class="base0E">end</span>
<span class="base0E">def</span> <span class="base0E">self</span>.<span class="base0D">greet</span>
<span class="base02-background"><span class="base0B">"hello"</span></span>
<span class="base0E">end</span>
<span class="base0E">end</span>
<span class="base08">person1</span> = <span class="base0A">Person</span>.<span class="base0D">new</span>(<span class="base0B">:name</span> => <span class="base0B">"Chris"</span>)
<span class="base0D">print</span> <span class="base0A">Person</span>::<span class="base0D">greet</span>, <span class="base0B">" "</span>, <span class="base08">person1</span>.<span class="base0D">name</span>, <span class="base0B">"<span class="base09">\n</span>"</span>
<span class="base0D">puts</span> <span class="base0B">"another </span><span class="base0F">#{</span><span class="base0A">Person</span>::<span class="base0D">greet</span><span class="base0F">}</span> <span class="base0F">#{</span><span class="base08">person1</span>.<span class="base0D">name</span><span class="base0F">}</span><span class="base0B">"</span>
</pre>
<pre class="base07-background base02">
<span class="base0E">require</span> <span class="base0B">"rubygems"</span>
<span class="base08">string</span> = <span class="base0B">"tomorrow"</span>
<span class="base08">symbol</span> = <span class="base0B">:tomorrow</span>
<span class="base08">fixnum</span> = <span class="base09">0</span>
<span class="base08">float</span> = <span class="base09">0.00</span>
<span class="base08">array</span> = <span class="base0A">Array</span>.<span class="base0D">new</span>
<span class="base08">array</span> = [<span class="base0B">'chris'</span>, <span class="base09">85</span>]
<span class="base08">hash</span> = {<span class="base0B">"test"</span> => <span class="base0B">"test"</span>}
<span class="base08">regexp</span> = <span class="base0C">/[abc]/</span>
<span class="base03"># This is a comment</span>
<span class="base0E">class</span> <span class="base0A">Person</span>
<span class="base0D">attr_accessor</span> <span class="base0B">:name</span>
<span class="base0E">def</span> <span class="base0D">initialize</span>(<span class="base08">attributes</span> = {})
<span class="base08">@name</span> = <span class="base08">attributes</span>[<span class="base0B">:name</span>]
<span class="base0E">end</span>
<span class="base0E">def</span> <span class="base0E">self</span>.<span class="base0D">greet</span>
<span class="base06-background"><span class="base0B">"hello"</span></span>
<span class="base0E">end</span>
<span class="base0E">end</span>
<span class="base08">person1</span> = <span class="base0A">Person</span>.<span class="base0D">new</span>(<span class="base0B">:name</span> => <span class="base0B">"Chris"</span>)
<span class="base0D">print</span> <span class="base0A">Person</span>::<span class="base0D">greet</span>, <span class="base0B">" "</span>, <span class="base08">person1</span>.<span class="base0D">name</span>, <span class="base0B">"<span class="base09">\n</span>"</span>
<span class="base0D">puts</span> <span class="base0B">"another </span><span class="base0F">#{</span><span class="base0A">Person</span>::<span class="base0D">greet</span><span class="base0F">}</span> <span class="base0F">#{</span><span class="base08">person1</span>.<span class="base0D">name</span><span class="base0F">}</span><span class="base0B">"</span>
</pre>
</div>
</body>
</html>