UNPKG

syntax-highlighting

Version:

Syntax Highlighting Colorschemes for many applications

135 lines (120 loc) 7.78 kB
<html> <head> <meta http-equiv="content-type" content="text/html"> <title>Base16 Atelier Savanna</title> <style type="text/css" media="screen"> body { margin: 5% 20%; } .scheme, .author, pre, .block { font-family: "menlo", monospace; } .block { display: inline-block; font-size: 13px; font-weight: bold; padding: 15px; margin: 0 5px 10px 0; } pre { font-size: 14px; padding: 10px 20px; } .base00-background { background-color: #171c19; } .base01-background { background-color: #232a25; } .base02-background { background-color: #526057; } .base03-background { background-color: #5f6d64; } .base04-background { background-color: #78877d; } .base05-background { background-color: #87928a; } .base06-background { background-color: #dfe7e2; } .base07-background { background-color: #ecf4ee; } .base08-background { background-color: #b16139; } .base09-background { background-color: #9f713c; } .base0A-background { background-color: #a07e3b; } .base0B-background { background-color: #489963; } .base0C-background { background-color: #1c9aa0; } .base0D-background { background-color: #478c90; } .base0E-background { background-color: #55859b; } .base0F-background { background-color: #867469; } .base00 { color: #171c19; } .base01 { color: #232a25; } .base02 { color: #526057; } .base03 { color: #5f6d64; } .base04 { color: #78877d; } .base05 { color: #87928a; } .base06 { color: #dfe7e2; } .base07 { color: #ecf4ee; } .base08 { color: #b16139; } .base09 { color: #9f713c; } .base0A { color: #a07e3b; } .base0B { color: #489963; } .base0C { color: #1c9aa0; } .base0D { color: #478c90; } .base0E { color: #55859b; } .base0F { color: #867469; } </style> </head> <body> <h1 class="scheme">Base16 Atelier Savanna</h1> <p class="author">Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna)</p> <div> <div class="block base00-background base07">00</div> <div class="block base01-background base07">01</div> <div class="block base02-background base07">02</div> <div class="block base03-background base07">03</div> <div class="block base04-background base00">04</div> <div class="block base05-background base00">05</div> <div class="block base06-background base00">06</div> <div class="block base07-background base00">07</div> <br /> <div class="block base08-background base07">08</div> <div class="block base09-background base07">09</div> <div class="block base0A-background base07">0A</div> <div class="block base0B-background base07">0B</div> <div class="block base0C-background base07">0C</div> <div class="block base0D-background base07">0D</div> <div class="block base0E-background base07">0E</div> <div class="block base0F-background base07">0F</div> </div> <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>