Skip to content

Instantly share code, notes, and snippets.

@bigos

bigos/colours.html

Last active April 16, 2016 00:12
Show Gist options
  • Save bigos/8bf4ff40c1e6299758d44946c2357334 to your computer and use it in GitHub Desktop.
Save bigos/8bf4ff40c1e6299758d44946c2357334 to your computer and use it in GitHub Desktop.
Download ZIP
colour suggestions for slime-presentations.el
Raw
colours.html
<html>
<head>
<title>Colour selection</title>
<style>
.grey{color:#777;}
.red{color:red;}
.yellow{color: yellow;}
.orange-red{color: #ff4500;}
.tomato{color: #ff6347;}
.light-coral{color: #f08080;}
.light-salmon{color: #ffa07a;}
.repl{color:white}
.container{padding: 1em;
margin: 1em;}
</style>
</head>
<body>
<p>
To see colours available in emacs visit:
<a href="http://raebear.net/comp/emacscolors.html">emacs colours</a>
</p>
<div>
<p>black background</p>
<div class="container" style="background: black;">
<p>
<span class="yellow">yellow</span>
<span class="grey">grey</span>
<span class="red">red</span>
<span class="orange-red">orange-red</span>
<span class="tomato">tomato</span>
<span class="light-coral">light-coral</span>
<span class="light-salmon">light-salmon</span>
<div class="repl">
CL-USER&gt; (loop for x from 1 to 10 collect x)
</div>
<div class="light-salmon">
(1 2 3 4 5 6 7 8 9 10)
</div>
</p>
</div>
</div>
<div>
<p>black background</p>
<div class="container" style="background: black;">
<p>
<span class="yellow">yellow</span>
<span class="grey">grey</span>
<span class="red">red</span>
<span class="orange-red">orange-red</span>
<span class="tomato">tomato</span>
<span class="light-coral">light-coral</span>
<span class="light-salmon">light-salmon</span>
<div class="repl">
CL-USER&gt; (loop for x from 1 to 10 collect x)
</div>
<div class="yellow">
(1 2 3 4 5 6 7 8 9 10)
</div>
</p>
</div>
</div>
<p>Now lighter background used by many themes</p>
<div>
<p>dark grey background</p>
<div class="container" style="background: #444;">
<p>
<span class="yellow">yellow</span>
<span class="grey">grey</span>
<span class="red">red</span>
<span class="orange-red">orange-red</span>
<span class="tomato">tomato</span>
<span class="light-coral">light-coral</span>
<span class="light-salmon">light-salmon</span>
<div class="repl">
CL-USER&gt; (loop for x from 1 to 10 collect x)
</div>
<div class="light-salmon">
(1 2 3 4 5 6 7 8 9 10)
</div>
</p>
</div>
</div>
<div>
<p>dark grey background</p>
<div class="container" style="background: #444;">
<p>
<span class="yellow">yellow</span>
<span class="grey">grey</span>
<span class="red">red</span>
<span class="orange-red">orange-red</span>
<span class="tomato">tomato</span>
<span class="light-coral">light-coral</span>
<span class="light-salmon">light-salmon</span>
<div class="repl">
CL-USER&gt; (loop for x from 1 to 10 collect x)
</div>
<div class="yellow">
(1 2 3 4 5 6 7 8 9 10)
</div>
</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment