syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
129 lines (110 loc) • 1.74 kB
CSS
/**
Base16 Monokai themebased on: (https://github.com/chriskempson/base16)
original Scheme: Wimer Hazenberg (http://www.monokai.nl)
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
text-shadow: 0 1px rgba(0,0,0,0.3);
font-family: Consolas, Monaco, 'Andale Mono', monospace;
direction: ltr;
text-align: left;
white-space: pre;
white-space: pre-wrap;
word-spacing: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
font-size: .875em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #272822;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #75715e;
}
.token.punctuation {
color: #f8f8f2;
}
.namespace {
opacity: .7;
}
.token.tag {
color: #f92672;
}
.token.property {
color: #f4bf75;
}
.token.selector {
color: #ae81ff;
}
.token.boolean,
.token.number{
color: #fd971f;
}
.token.string {
color: #a6e22e;
}
.language-css .token.string,
.style .token.string,
.token.attr-name {
color: #fd971f;
}
.token.operator,
.token.entity,
.token.url {
color: #f8f8f2;
}
.token.attr-value {
color: #a6e22e;
}
.token.important,
.token.atrule {
color: #a1efe4;
}
.token.keyword {
color: #f92672;
}
.token.regex {
color: #fd971f;
}
.token.entity {
cursor: help;
}
.monokai {
#272822;
#383830;
#49483e;
#75715e;
#a59f85;
#f8f8f2;
#f5f4f1;
#f9f8f5;
#f92672;
#fd971f;
#f4bf75;
#a6e22e;
#a1efe4;
#66d9ef;
#ae81ff;
#cc6633; }