Created
April 23, 2013 21:15
-
-
Save peterk87/5447464 to your computer and use it in GitHub Desktop.
CSS: IPython custom CSS for dark theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*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