Skip to content

Instantly share code, notes, and snippets.

@mladoux

mladoux/github-gist-monokai.css

Last active November 27, 2023 12:11
Show Gist options
  • Save mladoux/4be8f4c4780aba0304f791a863e2df51 to your computer and use it in GitHub Desktop.
Save mladoux/4be8f4c4780aba0304f791a863e2df51 to your computer and use it in GitHub Desktop.
Download ZIP
Monokai color scheme for gists ( with matching powered by github bar )
Raw
github-gist-monokai.css
/* Monokai color Scheme Syntax Highlight Overrides ( REQUIRES 'body' TAGS TO WORK) */
body .gist .highlight {
background: #272822;
}
body .gist .blob-num,
body .gist .blob-code-inner,
body .gist .pl-s2,
body .gist .pl-stj {
color: #f8f8f2;
}
body .gist .pl-c1 {
color: #ae81ff;
}
body .gist .pl-enti {
color: #a6e22e;
font-weight: 700;
}
body .gist .pl-st {
color: #66d9ef;
}
body .gist .pl-mdr {
color: #66d9ef;
font-weight: 400;
}
body .gist .pl-ms1 {
background: #fd971f;
}
body .gist .pl-c,
body .gist .pl-c span,
body .gist .pl-pdc {
color: #75715e;
font-style: italic;
}
body .gist .pl-cce,
body .gist .pl-cn,
body .gist .pl-coc,
body .gist .pl-enc,
body .gist .pl-ens,
body .gist .pl-kos,
body .gist .pl-kou,
body .gist .pl-mh .pl-pdh,
body .gist .pl-mp,
body .gist .pl-mp1 .pl-sf,
body .gist .pl-mq,
body .gist .pl-pde,
body .gist .pl-pse,
body .gist .pl-pse .pl-s2,
body .gist .pl-mp .pl-s3,
body .gist .pl-smi,
body .gist .pl-stp,
body .gist .pl-sv,
body .gist .pl-v,
body .gist .pl-vi,
body .gist .pl-vpf,
body .gist .pl-mri,
body .gist .pl-va,
body .gist .pl-vpu {
color: #66d9ef;
}
body .gist .pl-cos,
body .gist .pl-ml,
body .gist .pl-pds,
body .gist .pl-s,
body .gist .pl-s1,
body .gist .pl-sol {
color: #e6db74;
}
body .gist .pl-e,
body .gist .pl-ef,
body .gist .pl-en,
body .gist .pl-enf,
body .gist .pl-enm,
body .gist .pl-entc,
body .gist .pl-entm,
body .gist .pl-eoac,
body .gist .pl-eoac .pl-pde,
body .gist .pl-eoi,
body .gist .pl-mai .pl-sf,
body .gist .pl-mm,
body .gist .pl-pdv,
body .gist .pl-som,
body .gist .pl-sr,
body .gist .pl-vo {
color: #a6e22e;
}
body .gist .pl-ent,
body .gist .pl-eoa,
body .gist .pl-eoai,
body .gist .pl-eoai .pl-pde,
body .gist .pl-k,
body .gist .pl-ko,
body .gist .pl-kolp,
body .gist .pl-mc,
body .gist .pl-mr,
body .gist .pl-ms,
body .gist .pl-s3,
body .gist .pl-smc,
body .gist .pl-smp,
body .gist .pl-sok,
body .gist .pl-sra,
body .gist .pl-src,
body .gist .pl-sre {
color: #f92672;
}
body .gist .pl-mb,
body .gist .pl-pdb {
color: #e6db74;
font-weight: 700;
}
body .gist .pl-mi,
body .gist .pl-pdi {
color: #f92672;
font-style: italic;
}
body .gist .pl-pdc1,
body .gist .pl-scp {
color: #ae81ff;
}
body .gist .pl-sc,
body .gist .pl-sf,
body .gist .pl-mo,
body .gist .pl-entl {
color: #fd971f;
}
body .gist .pl-mi1,
body .gist .pl-mdht {
color: #a6e22e;
background: rgba(0, 64, 0, .5);
}
body .gist .pl-md,
body .gist .pl-mdhf {
color: #f92672;
background: rgba(64, 0, 0, .5);
}
body .gist .pl-mdh,
body .gist .pl-mdi {
color: #a6e22e;
font-weight: 400;
}
body .gist .pl-ib,
body .gist .pl-id,
body .gist .pl-ii,
body .gist .pl-iu {
background: #a6e22e;
color: #272822;
}
/* Make powered by github bar match */
/* Monokai color Scheme Syntax Highlight Overrides ( REQUIRES 'body' TAGS TO WORK) */
body .gist .highlight {
background: #272822;
}
body .gist .blob-num,
body .gist .blob-code-inner,
body .gist .pl-s2,
body .gist .pl-stj {
color: #f8f8f2;
}
body .gist .pl-c1 {
color: #ae81ff;
}
body .gist .pl-enti {
color: #a6e22e;
font-weight: 700;
}
body .gist .pl-st {
color: #66d9ef;
}
body .gist .pl-mdr {
color: #66d9ef;
font-weight: 400;
}
body .gist .pl-ms1 {
background: #fd971f;
}
body .gist .pl-c,
body .gist .pl-c span,
body .gist .pl-pdc {
color: #75715e;
font-style: italic;
}
body .gist .pl-cce,
body .gist .pl-cn,
body .gist .pl-coc,
body .gist .pl-enc,
body .gist .pl-ens,
body .gist .pl-kos,
body .gist .pl-kou,
body .gist .pl-mh .pl-pdh,
body .gist .pl-mp,
body .gist .pl-mp1 .pl-sf,
body .gist .pl-mq,
body .gist .pl-pde,
body .gist .pl-pse,
body .gist .pl-pse .pl-s2,
body .gist .pl-mp .pl-s3,
body .gist .pl-smi,
body .gist .pl-stp,
body .gist .pl-sv,
body .gist .pl-v,
body .gist .pl-vi,
body .gist .pl-vpf,
body .gist .pl-mri,
body .gist .pl-va,
body .gist .pl-vpu {
color: #66d9ef;
}
body .gist .pl-cos,
body .gist .pl-ml,
body .gist .pl-pds,
body .gist .pl-s,
body .gist .pl-s1,
body .gist .pl-sol {
color: #e6db74;
}
body .gist .pl-e,
body .gist .pl-ef,
body .gist .pl-en,
body .gist .pl-enf,
body .gist .pl-enm,
body .gist .pl-entc,
body .gist .pl-entm,
body .gist .pl-eoac,
body .gist .pl-eoac .pl-pde,
body .gist .pl-eoi,
body .gist .pl-mai .pl-sf,
body .gist .pl-mm,
body .gist .pl-pdv,
body .gist .pl-som,
body .gist .pl-sr,
body .gist .pl-vo {
color: #a6e22e;
}
body .gist .pl-ent,
body .gist .pl-eoa,
body .gist .pl-eoai,
body .gist .pl-eoai .pl-pde,
body .gist .pl-k,
body .gist .pl-ko,
body .gist .pl-kolp,
body .gist .pl-mc,
body .gist .pl-mr,
body .gist .pl-ms,
body .gist .pl-s3,
body .gist .pl-smc,
body .gist .pl-smp,
body .gist .pl-sok,
body .gist .pl-sra,
body .gist .pl-src,
body .gist .pl-sre {
color: #f92672;
}
body .gist .pl-mb,
body .gist .pl-pdb {
color: #e6db74;
font-weight: 700;
}
body .gist .pl-mi,
body .gist .pl-pdi {
color: #f92672;
font-style: italic;
}
body .gist .pl-pdc1,
body .gist .pl-scp {
color: #ae81ff;
}
body .gist .pl-sc,
body .gist .pl-sf,
body .gist .pl-mo,
body .gist .pl-entl {
color: #fd971f;
}
body .gist .pl-mi1,
body .gist .pl-mdht {
color: #a6e22e;
background: rgba(0, 64, 0, .5);
}
body .gist .pl-md,
body .gist .pl-mdhf {
color: #f92672;
background: rgba(64, 0, 0, .5);
}
body .gist .pl-mdh,
body .gist .pl-mdi {
color: #a6e22e;
font-weight: 400;
}
body .gist .pl-ib,
body .gist .pl-id,
body .gist .pl-ii,
body .gist .pl-iu {
background: #a6e22e;
color: #272822;
}
.gist
{
color: #000;
}
.gist .render-container .render-viewer-error,
.gist .render-container .render-viewer-fatal,
.gist .render-container .octospinner
{
display: none;
}
.gist .gist-render iframe
{
width: 100%;
}
.gist pre
{
font: inherit;
line-height: inherit;
white-space: pre;
}
.gist .gist-file
{
border: 1px solid #ddd;
border-bottom: 1px solid #ccc;
border-radius: 3px;
font-family: Consolas, "Liberation Mono", Courier, monospace;
margin-bottom: 1em;
}
.gist .gist-file.gist-render
{
border: none;
}
.gist .gist-file .gist-meta
{
background-color: #272822;
color: #999;
font: 12px "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif;
overflow: hidden;
padding: 10px;
}
.gist .gist-file .gist-meta a
{
color: #888;
font-weight: bold;
text-decoration: none;
}
.gist .gist-file .gist-data
{
background-color: #272822;
border-bottom: 1px solid #aaa;
font-size: 100%;
overflow: auto;
word-wrap: normal;
}
.gist .gist-file.scroll .gist-data
{
bottom: 30px;
left: 0px;
overflow: scroll;
position: absolute;
right: 0px;
top: 0px;
}
.gist .gist-file.scroll .gist-meta
{
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
}
.gist .gist-file .gist-data .line-data
{
padding: .5em !important;
}
.gist .gist-file .gist-data .line-pre
{
background: transparent !important;
border: none !important;
color: #f8f8f2;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-size: 12px;
margin: 0 !important;
padding: 0 !important;
}
.gist .gist-file .gist-data .gist-highlight
{
background: transparent !important;
}
.gist .gist-file .gist-data .line-numbers
{
color: #aaa;
padding: .5em;
text-align: right;
}
.gist .gist-file .gist-data .line-numbers .line-number
{
font-size: 12px;
clear: right;
display: block;
}
@media only screen and (max-width: 860px)
{
.gist
{
font-size: 10px;
}
.gist .gist-file .gist-meta
{
font: 10px "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif;
}
.gist .gist-file .gist-data
{
font-size: 10px;
}
.gist .gist-file .gist-data .line-pre
{
font: 10px "Liberation Mono", Courier, monospace;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
.gist .gist-file .gist-data .line-numbers .line-number
{
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-size: 10px;
}
.gist pre
{
font-size: 10px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment