Skip to content

Instantly share code, notes, and snippets.

@peterk87
Created April 23, 2013 21:15
Show Gist options
  • Save peterk87/5447464 to your computer and use it in GitHub Desktop.
Save peterk87/5447464 to your computer and use it in GitHub Desktop.
CSS: IPython custom CSS for dark theme
/*IPython Notebook Dark CSS style*/
/*URLs matching the regexp: .*127.0.0.1:8\d\d\d.* */
body {
background-color: #111 !important;
color: #ccc !important;
}
.dropdown-menu>li>a, li, ul {
color: #ccc !important;
background-color: #333 !important;
}
p {
background-color: transparent !important;
color: #ccc !important;
}
h1, h2, h3, h4, h5, a {
background-color: transparent !important;
}
#save_status{
color: white !important;
}
#notebook_name{
color: white;
}
.rendered_html th, .rendered_html td{
color: #ccc !important;
border: 1px solid #ccc !important;
}
.tooltip {
background-color: #333 !important;
}
.smalltooltip pre, .output_stream pre {
font-family: "inconsolata" !important;
}
div.end_space{
background-color: transparent !important;
}
div.text_cell_input {
font-family: "inconsolata" !important;
background: none !important;
background-color: #333 !important;
color: #ccc !important;
}
div#notebook{
background-color: #222 !important;
}
.rendered_html pre{
color: #ccc !important;
font-family: "inconsolata" !important;
}
.ui-widget-content, .ui-widget-header {
font-family: "inconsolata" !important;
background: none !important;
}
.CodeMirror{
font-family: "Inconsolata" !important;
}
.CodeMirror-gutter {
font-family: "inconsolata", Arial, Helvetica, Geneva, sans-serif !important;
background-color: #333 !important;
}
div.code_cell {
background-color: #111 !important;
}
div.text_cell_render {
font-family: "inconsolata", Arial, Helvetica, Geneva, sans-serif !important;
color: #ccc !important;
}
div.input_prompt {
color: #5D5DFD !important;
border-top: 1px solid transparent;
}
div.text_cell {
background-color: #333 !important;
}
/* all text output has this class: */
div.output_text {
color: #ccc !important;
}
div.output_text pre {
font-family: "inconsolata" !important;
}
div.input_area {
color: #ccc;
border: 1px solid #444;
border-radius: 3px;
background: #333;
}
.ansigreen{color: #8EFC8E !important}
.ansicyan{color: #3EA3DA !important;}
.ansiblue{color: #6767FF !important;}
.ansired{color: #C53750 !important;}
span.cm-keyword {color: #C53750 !important;}
span.cm-atom {color: #7562F5 !important;}
span.cm-number {color: #905AE0 !important;}
span.cm-def {color: #6767FF !important;}
span.cm-variable {color: #ccc !important;}
span.cm-variable-2 {color: #05a !important;}
span.cm-variable-3 {color: #085 !important;}
span.cm-property {color: #ccc !important;}
span.cm-operator {color: #C53750 !important;}
span.cm-comment {color: #7A7575 !important;}
span.cm-string {color: #E6DA6F !important;}
span.cm-string-2 {color: #FFA476 !important;}
span.cm-meta {color: #555 !important;}
span.cm-error {color: #FF5252 !important;}
span.cm-qualifier {color: #555 !important;}
span.cm-builtin {color: #3EA3DA !important;}
span.cm-bracket {color: #E8E884 !important;}
span.cm-tag {color: #80CA74 !important;}
span.cm-attribute {color: #9A9AFF !important;}
span.cm-header {color: #E861E8 !important;}
span.cm-quote {color: #57CA57 !important;}
span.cm-hr {color: #999 !important;}
span.cm-link {color: #9A9AFF !important;}
.keyword {color: #C53750 !important;}
.atom {color: #7562F5 !important;}
.number {color: #905AE0 !important;}
.def {color: #6767FF !important;}
.variable {color: #ccc !important;}
.variable-2 {color: #05a !important;}
.variable-3 {color: #085 !important;}
.property {color: #ccc !important;}
.operator {color: #C53750 !important;}
.comment {color: #7A7575 !important;}
.string {color: #E6DA6F !important;}
.string-2 {color: #FFA476 !important;}
.meta {color: #555 !important;}
.error {color: #FF5252 !important;}
.qualifier {color: #555 !important;}
.builtin {color: #3EA3DA !important;}
.bracket {color: #E8E884 !important;}
.tag {color: #80CA74 !important;}
.attribute {color: #9A9AFF !important;}
.header {color: #E861E8 !important;}
.quote {color: #57CA57 !important;}
.hr {color: #999 !important;}
.link {color: #9A9AFF !important;}
.literal {color: white !important;}
.title { color: #bbb !important;}
code {
color: #ccc !important;
background-color: #333 !important;
}
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid white !important;
}
.CodeMirror pre {
color: white !important;
}
div.output_text pre {
color: #ccc !important;
}
.ipython_tooltip {
background-color: #333 !important;
}
.navbar-inner {
background-image: -webkit-linear-gradient(top, #333, #222) !important;
}
.navbar .nav>li>a {
text-shadow: 0 1px 0 #000 !important;
}
div.CodeMirror span.CodeMirror-matchingbracket {color: #93FF93 !important;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #FF7E7E !important;}
div.CodeMirror-selected { background: #444 !important; }
.CodeMirror-focused div.CodeMirror-selected { background: #555 !important; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment