Prism colorschemes
Prism is a lightweight, robust, elegant syntax highlighting library. It is written in javascript, and the colorschemes are CSS stylesheets; so highly customisable.
<!-- main grid section -->
<div class="row">
<div class="large-4 columns">
<div class="panel">
<h5>panel title</h5>
<p>this is a three columns grid panel with an arbitrary height.</p>
</div>
</div>
<div class="large-6 columns">
<div class="panel">
<h5>panel title</h5>
<p>this is a six columns grid panel with an arbitrary height. bacon ipsum dolor sit amet salami ham hock biltong ball tip drumstick sirloin pancetta meatball short loin.</p>
</div>
</div>
<div class="large-3 columns">
<div class="panel">
/* comment */
@media only screen {
footer {
overflow: hidden;
text-align: center;
text-transform: uppercase;
}
footer ul {
list-style: none;
padding-left: 0;
}
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after { clear: both; }
// comment
events : function () {
var self = this;
$(this.scope)
.on('click.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) {
e.preventDefault();
if (this.settings.$li.next().length < 1) {
this.end();
} else if (this.settings.timer > 0) {
clearTimeout(this.settings.automate);
this.hide();
this.show();
this.startTimer();
} else {
this.hide();
<!-- http://www.w3.org/html/logo/downloads/HTML5_Badge.svg -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<title>HTML5 Logo Badge</title>
<path fill="#E34F26" d="M71,460 L30,0 481,0 440,460 255,512"/>
<path fill="#EF652A" d="M256,472 L405,431 440,37 256,37"/>
<path fill="#EBEBEB" d="M256,208 L181,208 176,150 256,150 256,94 255,94 114,94 115,109 129,265 256,265zM256,355 L255,355 192,338 188,293 158,293 132,293 139,382 255,414 256,414z"/>
<path fill="#FFF" d="M255,208 L255,265 325,265 318,338 255,355 255,414 371,382 372,372 385,223 387,208 371,208zM255,94 L255,129 255,150 255,150 392,150 392,150 392,150 393,138 396,109 397,94z"/>
</svg>
When clicking the style-switcher in the top right corner to quickly switch between colorschemes, you can get a feeling for how the different schemes look, and also explore how they behave in different language-code-syntax (, while clicking through the tabs in the different code examples …).
Prism comes with six colorschemes:
One can download those directly from Github.
Customising
Except for the six that come with Prism, this repo contains more colorschemes, collected (stolen) from elsewhere and further adapted (tweaked).
When possible, backlinks to their origin, and information about their creators are included.
- Xonokai, original scheme by Maxime Thirouin, colorscheme on Github
- CB, original scheme by C. Bavota
- Pojoaque, original scheme by Jason Tate
Base16 Schemes
Colorschemes produced, and if not tributed to someone else, also made by Chris Kempson with base16 builder.
- Base16-3024, original scheme by Jan T. Sott
- Base16-Apathy, original scheme by Jannik Siebert
- Base16-Ashes, original scheme by Jannik Siebert
- Base16-Bespin, original scheme by Jan T. Sott
- Base16-Brewer, original scheme by Timothée Poisot
- Base16-Bright
- Base16-Chalk
- Base16-Colors, original scheme by Adam Morse
- Base16-Default
- Base16-Eighties
- Base16-Embers, original scheme by Jannik Siebert
- Base16-Flat
- Base16-Google, original scheme by Seth Wright
- Base16-Grayscale, original scheme by Alexandre Gavioli
- Base16-Greenscreen
- Base16-Harmonic16, original scheme by Jannik Siebert
- Base16-Hopscotch, original scheme by Jan T. Sott
- Base16-Isotope, original scheme by Jan T. Sott
- Base16-Marrakesh, original scheme by Alexandre Gavioli
- Base16-Mocha
- Base16-Monokai, original scheme by Wimer Hazenberg
- Base16-Ocean
- Base16-Paraiso, original scheme by Jan T. Sott
- Base16-Pop
- Base16-Railscasts, original scheme by Ryan Bates
- Base16-Shapeshifter, original scheme by Tyler Benziger
- Base16-Solarized-dark, original scheme by Ethan Schoonover
- Base16-Solarized-light, original scheme by Ethan Schoonover
- Base16-Summerfruit, original scheme by Christopher Corley
- Base16-Tomorrow
- Base16-London-Tube, original scheme by Jan T. Sott
- Base16-Twilight, original scheme by David Hart
Atelier Schemes
And then some more, made by me, Bram de Haan with base16 builder. You can find them in the prism folder, within the output folder of Atelier schemes.
- Forest Light
- Forest Dark
- Plateau Light
- Plateau Dark
- Heath Light
- Heath Dark
- Cave Light
- Cave Dark
- Sulphurpool Light
- Sulphurpool Dark
- Lakeside Light
- lakeside Dark
- Savanna Light
- Savanna Dark
- Seaside Light
- Seaside Dark
- Estuary Light
- Estuary Dark
- Dune Light
- Dune Dark