Skip to content

Instantly share code, notes, and snippets.

@raejin
Created March 28, 2013 23:26
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save raejin/5267644 to your computer and use it in GitHub Desktop.
Save raejin/5267644 to your computer and use it in GitHub Desktop.
Syntax highlight theme in Tomorrow Night (https://github.com/chriskempson/tomorrow-theme) for Octopress code snippet plugin. Notice that this is a brute-force theme which does not rely on any framework. Use with caution.
.gist .gist-file .gist-data .line-numbers .line-number {
display: block;
clear: right; }
.highlight table td.code, html .gist .gist-file .gist-syntax .line-data table td.code {
width: 100%; }
.highlight .line-numbers, html .gist .gist-file .gist-data .lines .line-numbers {
text-align: right;
font-size: 13px;
line-height: 1.45em;
background: #000;
padding: .8em !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.highlight .line-numbers span, html .gist .gist-file .gist-syntax .line-data .line-numbers span {
color: #555 !important; }
figure.code, .gist-file, pre {
-webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px; }
figure.code .highlight pre, .gist-file .highlight pre, pre .highlight pre {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
html .gist .gist-file {
position: relative;
border: none;
padding-top: 26px !important; }
html .gist .gist-file .gist-syntax {
border-bottom: 0 !important;
background: none !important; }
html .gist .gist-file .gist-syntax .line-data {
background: #1d1f21 !important; }
html .gist .gist-file .gist-meta {
padding: .5em 0.8em;
margin-bottom: 1.8em;
color: #444;
font-size: 13px !important;
background: #111;
border-radius: 0 0 5px 5px;
text-align: right; }
html .gist .gist-file .gist-meta a {
color: #888 !important;
text-decoration: none; }
html .gist .gist-file .gist-meta a:hover {
text-decoration: underline; }
html .gist .gist-file .gist-meta a[href*='#file'] {
position: absolute;
top: 0;
left: 0;
right: -10px;
color: #999 !important; }
pre, tr, td {
margin: 0;
padding: 0; }
.mono, pre, code, tt, p code, li code {
font-family: 'Consolas','Monaco','Menlo','Ubuntu Mono','source-code-pro',monospace; }
html .gist .gist-file .gist-meta a[href*='#file']:hover {
color: #eee !important; }
html .gist .gist-file .gist-meta a[href*=raw] {
top: .4em; }
pre {
background: #002b36 url("/images/noise.png?1346949399") top left;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
-ms-border-radius: 0.4em;
-o-border-radius: 0.4em;
border-radius: 0.4em;
border: 1px solid #05232b;
line-height: 1.45em;
font-size: 13px;
margin-bottom: 2.1em;
padding: .8em 1em;
color: #ddd;
overflow: auto; }
h3.filename + pre {
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px; }
p code, li code {
display: inline-block;
white-space: no-wrap;
background: #282a2e;
font-size: .8em;
line-height: 1.5em;
color: #ddd;
border: 1px solid #222;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
-ms-border-radius: .5em;
-o-border-radius: .5em;
border-radius: .5em;
padding: .08em .5em;
margin: -1px 5px;
text-shadow: none; }
p pre code, li pre code {
font-size: 1em !important;
background: none;
border: none; }
.pre-code, html .gist .gist-file .gist-syntax .line-data pre, .gist .gist-file .gist-data .line-pre, .highlight code {
font-family: "Consolas",Menlo,Monaco,"Andale Mono","lucida console",monospace !important;
overflow: scroll;
overflow-y: hidden;
display: block;
padding: .8em !important;
overflow-x: auto;
line-height: 1.45em;
background: #1d1f21 !important;
color: #ddd !important; }
.line-pre {
white-space: pre;
}
.pre-code *::-moz-selection, html .gist .gist-file .gist-syntax .line-data pre *::-moz-selection, .highlight code *::-moz-selection {
background: #373b41;
color: inherit;
text-shadow: #002b36 0 1px; }
.pre-code *::-webkit-selection, html .gist .gist-file .gist-syntax .line-data pre *::-webkit-selection, .highlight code *::-webkit-selection {
background: #373b41;
color: inherit;
text-shadow: #002b36 0 1px; }
.pre-code *::selection, html .gist .gist-file .gist-syntax .line-data pre *::selection, .highlight code *::selection {
background: #373b41;
color: inherit;
text-shadow: #002b36 0 1px; }
.pre-code span, html .gist .gist-file .gist-syntax .line-data pre span, .highlight code span {
color: #93a1a1 !important; }
.pre-code span, html .gist .gist-file .gist-syntax .line-data pre span, .highlight code span {
font-style: normal !important;
font-weight: normal !important; }
.pre-code .bp, html .gist .gist-file .gist-syntax .line-data pre .bp, .highlight code .bp {
color: #de935f !important; }
.pre-code .c, html .gist .gist-file .gist-syntax .line-data pre .c, .highlight code .c {
color: #969896 !important; }
.pre-code .cm, html .gist .gist-file .gist-syntax .line-data pre .cm, .highlight code .cm {
color: #969896 !important;
font-style: italic !important; }
.pre-code .cp, html .gist .gist-file .gist-syntax .line-data pre .cp, .highlight code .cp {
color: #c66 !important;
font-style: italic !important; }
.pre-code .c1, html .gist .gist-file .gist-syntax .line-data pre .c1, .highlight code .c1 {
color: #969896 !important; }
.pre-code .cs, html .gist .gist-file .gist-syntax .line-data pre .cs, .highlight code .cs {
color: #586e75 !important;
font-weight: bold !important;
font-style: italic !important; }
.pre-code .err, html .gist .gist-file .gist-syntax .line-data pre .err, .highlight code .err {
color: #dc322f !important;
background: none !important; }
.pre-code .k, html .gist .gist-file .gist-syntax .line-data pre .k, .highlight code .k {
color: #f0c674 !important; }
.pre-code .kn, html .gist .gist-file .gist-syntax .line-data pre .kn, .highlight code .kn {
color: #b294bb !important; }
.pre-code .o, html .gist .gist-file .gist-syntax .line-data pre .o, .highlight code .o {
color: #8abeb7 !important;
font-weight: bold !important; }
.pre-code .p, html .gist .gist-file .gist-syntax .line-data pre .p, .highlight code .p {
color: #93a1a1 !important; }
.pre-code .ow, html .gist .gist-file .gist-syntax .line-data pre .ow, .highlight code .ow {
color: #8abeb7 !important;
font-weight: bold !important; }
.pre-code .gd, html .gist .gist-file .gist-syntax .line-data pre .gd, .highlight code .gd {
color: #c82829 !important;
display: inline-block; }
.pre-code .gd .x, html .gist .gist-file .gist-syntax .line-data pre .gd .x, .highlight code .gd .x {
color: #93a1a1 !important;
background-color: #4d2d33 !important;
display: inline-block; }
.pre-code .ge, html .gist .gist-file .gist-syntax .line-data pre .ge, .highlight code .ge {
color: #93a1a1 !important;
font-style: italic !important; }
.pre-code .gh, html .gist .gist-file .gist-syntax .line-data pre .gh, .highlight code .gh {
color: #586e75 !important; }
.pre-code .gi, html .gist .gist-file .gist-syntax .line-data pre .gi, .highlight code .gi {
color: #718c00 !important;
display: inline-block; }
.pre-code .gi .x, html .gist .gist-file .gist-syntax .line-data pre .gi .x, .highlight code .gi .x {
color: #718c00 !important;
display: inline-block; }
.pre-code .gs, html .gist .gist-file .gist-syntax .line-data pre .gs, .highlight code .gs {
color: #93a1a1 !important;
font-weight: bold !important; }
.pre-code .gu, html .gist .gist-file .gist-syntax .line-data pre .gu, .highlight code .gu {
color: #3e999f !important; }
.pre-code .kc, html .gist .gist-file .gist-syntax .line-data pre .kc, .highlight code .kc {
color: #de935f !important;
font-weight: bold !important; }
.pre-code .kd, html .gist .gist-file .gist-syntax .line-data pre .kd, .highlight code .kd {
color: #b294bb !important; }
.pre-code .kp, html .gist .gist-file .gist-syntax .line-data pre .kp, .highlight code .kp {
color: #b294bb !important;
font-weight: bold !important; }
.pre-code .kr, html .gist .gist-file .gist-syntax .line-data pre .kr, .highlight code .kr {
color: #d33682 !important;
font-weight: bold !important; }
.pre-code .kt, html .gist .gist-file .gist-syntax .line-data pre .kt, .highlight code .kt {
color: #de935f !important; }
.pre-code .n, html .gist .gist-file .gist-syntax .line-data pre .n, .highlight code .n {
color: #ddd !important; }
.pre-code .na, html .gist .gist-file .gist-syntax .line-data pre .na, .highlight code .na {
color: #81a2be !important; }
.pre-code .nb, html .gist .gist-file .gist-syntax .line-data pre .nb, .highlight code .nb {
color: #f0c674 !important; }
.pre-code .nc, html .gist .gist-file .gist-syntax .line-data pre .nc, .highlight code .nc {
color: #81a2be !important; }
.pre-code .no, html .gist .gist-file .gist-syntax .line-data pre .no, .highlight code .no {
color: #b58900 !important; }
.pre-code .nl, html .gist .gist-file .gist-syntax .line-data pre .nl, .highlight code .nl {
color: #859900 !important; }
.pre-code .ne, html .gist .gist-file .gist-syntax .line-data pre .ne, .highlight code .ne {
color: #81a2be !important;
font-weight: bold !important; }
.pre-code .nf, html .gist .gist-file .gist-syntax .line-data pre .nf, .highlight code .nf {
color: #81a2be !important;
font-weight: bold !important; }
.pre-code .nn, html .gist .gist-file .gist-syntax .line-data pre .nn, .highlight code .nn {
color: #ddd !important; }
.pre-code .nt, html .gist .gist-file .gist-syntax .line-data pre .nt, .highlight code .nt {
color: #c66 !important;
font-weight: bold !important; }
.pre-code .nx, html .gist .gist-file .gist-syntax .line-data pre .nx, .highlight code .nx {
color: #ddd !important; }
.pre-code .vg, html .gist .gist-file .gist-syntax .line-data pre .vg, .highlight code .vg {
color: #81a2be !important; }
.pre-code .vi, html .gist .gist-file .gist-syntax .line-data pre .vi, .highlight code .vi {
color: #81a2be !important; }
.pre-code .nv, html .gist .gist-file .gist-syntax .line-data pre .nv, .highlight code .nv {
color: #81a2be !important; }
.pre-code .mf, html .gist .gist-file .gist-syntax .line-data pre .mf, .highlight code .mf {
color: #de935f !important; }
.pre-code .m, html .gist .gist-file .gist-syntax .line-data pre .m, .highlight code .m {
color: #de935f !important; }
.pre-code .mh, html .gist .gist-file .gist-syntax .line-data pre .mh, .highlight code .mh {
color: #de935f !important; }
.pre-code .mi, html .gist .gist-file .gist-syntax .line-data pre .mi, .highlight code .mi {
color: #de935f !important; }
.pre-code .s, html .gist .gist-file .gist-syntax .line-data pre .s, .highlight code .s {
color: #b5bd68 !important; }
.pre-code .sd, html .gist .gist-file .gist-syntax .line-data pre .sd, .highlight code .sd {
color: #de935f !important; }
.pre-code .s2, html .gist .gist-file .gist-syntax .line-data pre .s2, .highlight code .s2 {
color: #de935f !important; }
.pre-code .se, html .gist .gist-file .gist-syntax .line-data pre .se, .highlight code .se {
color: #de935f !important; }
.pre-code .si, html .gist .gist-file .gist-syntax .line-data pre .si, .highlight code .si {
color: #81a2be !important; }
.pre-code .sr, html .gist .gist-file .gist-syntax .line-data pre .sr, .highlight code .sr {
color: #de935f !important; }
.pre-code .s1, html .gist .gist-file .gist-syntax .line-data pre .s1, .highlight code .s1 {
color: #b5bd68 !important; }
.pre-code div .gd, html .gist .gist-file .gist-syntax .line-data pre div .gd, .highlight code div .gd, .pre-code div .gd .x, html .gist .gist-file .gist-syntax .line-data pre div .gd .x, .highlight code div .gd .x, .pre-code div .gi, html .gist .gist-file .gist-syntax .line-data pre div .gi, .highlight code div .gi, .pre-code div .gi .x, html .gist .gist-file .gist-syntax .line-data pre div .gi .x, .highlight code div .gi .x {
display: inline-block;
width: 100%; }
.highlight, .gist-highlight {
/*margin-bottom:1.8em;*/
background: #1d1f21;
overflow-y: hidden;
overflow-x: auto; }
.highlight pre, .gist-highlight pre {
background: none;
-webkit-border-radius: none;
-moz-border-radius: none;
-ms-border-radius: none;
-o-border-radius: none;
border-radius: none;
border: none;
padding: 0;
margin-bottom: 0; }
pre::-webkit-scrollbar, .highlight::-webkit-scrollbar, .gist-highlight::-webkit-scrollbar {
height: .5em;
background: rgba(255, 255, 255, 0.15); }
pre::-webkit-scrollbar-thumb:horizontal, .highlight::-webkit-scrollbar-thumb:horizontal, .gist-highlight::-webkit-scrollbar-thumb:horizontal {
background: rgba(255, 255, 255, 0.2);
-webkit-border-radius: 4px;
border-radius: 4px; }
.highlight code {
background: #000;
white-space: pre; }
figure.code {
background: #111;
border-radius: 5px;
padding: 0;
border: 0;
margin-bottom: 1.5em; }
figure.code pre {
margin-bottom: 0; }
figure.code figcaption {
position: relative; }
figure.code .highlight {
margin-bottom: 0;
border-radius: 5px; }
.code-title, html .gist .gist-file .gist-meta a[href*='#file'], h3.filename, figure.code figcaption {
text-align: center;
font-size: 13px;
line-height: 2em;
text-shadow: #333 0 1px 0;
color: #999;
font-weight: normal;
padding: .1em 0;
margin-bottom: 0;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
background: #111;
border-bottom: 0; }
.download-source, html .gist .gist-file .gist-meta a[href*=raw], figure.code figcaption a {
position: absolute;
right: .8em;
text-decoration: none;
color: #888 !important;
z-index: 1;
font-size: 13px;
text-shadow: #333 0 1px 0;
padding-left: 3em; }
.download-source:hover, html .gist .gist-file .gist-meta a[href*=raw]:hover, figure.code figcaption a:hover {
text-decoration: underline; }
.file-data {
background: #1d1f21;
overflow-x: auto; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment