Last active
December 10, 2019 18:28
-
-
Save KerberosMorphy/4ec7007194e99a2fe09673c525dfbae8 to your computer and use it in GitHub Desktop.
Darkmode Python
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
| @media only screen and (prefers-color-scheme: dark) { | |
| div.cell.selected { | |
| background: linear-gradient(to right, #337ab7 -40px, #337ab7 5px, transparent 5px, transparent 100%); | |
| } | |
| #site { | |
| background: #2e3338; | |
| } | |
| .terminal-app #header { | |
| background: #000; | |
| } | |
| .typeahead-container button:focus, .typeahead-container button { | |
| background-color: #999; | |
| border-color: rgba(40, 41, 54, 1); | |
| } | |
| .typeahead-dropdown > li.active > a, .typeahead-list > li.active > a, .typeahead-dropdown > li > a:focus, .typeahead-dropdown > li > a:hover, .typeahead-list > li > a:focus, .typeahead-list > li > a:hover { | |
| background-color: #1b1b1b; | |
| color: #ccc; | |
| } | |
| .typeahead-dropdown > li > a, .typeahead-list > li > a { | |
| background-color: #161616; | |
| color: #ccc; | |
| } | |
| .typeahead-dropdown, .typeahead-list { | |
| background-color: #161616; | |
| } | |
| .typeahead-list > li.typeahead-group.active > a, .typeahead-list > li.typeahead-group > a, .typeahead-list > li.typeahead-group > a:focus, .typeahead-list > li.typeahead-group > a:hover { | |
| border-color: rgba(40, 41, 54, 1); | |
| color: #8899a6; | |
| background-color: #242424; | |
| } | |
| div#pager { | |
| background-color: #101010; | |
| } | |
| div#pager .ui-resizable-handle { | |
| background: rgba(40, 41, 54, 1); | |
| border-top: 1px solid rgba(40, 41, 54, 1); | |
| border-bottom: 1px solid rgba(40, 41, 54, 1); | |
| } | |
| div#pager .ui-resizable-handle::after { | |
| border-top: 1px solid #999; | |
| } | |
| #texteditor-backdrop { | |
| background-color: #101010; | |
| } | |
| body > #header { | |
| display: none; | |
| background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); | |
| } | |
| body > #header .header-bar { | |
| background: #101010 none repeat scroll 0% 0%; | |
| } | |
| #texteditor-backdrop #texteditor-container { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutter, #texteditor-backdrop #texteditor-container .CodeMirror-gutters { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| .modal-content { | |
| background-color: #050505; | |
| } | |
| span.save_widget span.filename:hover { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| .notebook_app #header { | |
| box-shadow: 0px 0px 1px 1px rgba(87, 87, 87, 0.2); | |
| } | |
| .notebook_app { | |
| background-color: #050505; | |
| } | |
| .navbar-default { | |
| background-color: rgb(26,26,26) !important; | |
| background-image: linear-gradient(to bottom, #242424, #101010) !important; | |
| border-color: #E7E7E7; | |
| } | |
| #header .header-bar { | |
| width: 0px; | |
| background: none repeat scroll 0% 0% #666; | |
| } | |
| .caret { | |
| border-top: 4px solid !important; | |
| border-right: 4px solid transparent !important; | |
| border-left: 4px solid transparent !important; | |
| } | |
| .list_item:hover { | |
| background-color: #050505; | |
| } | |
| .list_header { | |
| font-weight: bold; | |
| background-color: #050505; | |
| } | |
| .list_container > div { | |
| border-bottom: 1px solid #666; | |
| } | |
| #header { | |
| background-color: #050505; | |
| } | |
| body { | |
| background-color: rgb(16,16,16); | |
| color: #BBB !important; | |
| } | |
| .breadcrumb > li { | |
| text-shadow: 0px 0px 0px #FFF!important; | |
| color: #BBB !important; | |
| } | |
| .btn { | |
| color: #BBB !important; | |
| text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.75) !important; | |
| background-color: transparent !important; | |
| } | |
| * { | |
| border-color: rgb(36,36,36) !important; | |
| } | |
| .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { | |
| color: #BBB !important; | |
| background-color: #060606 !important; | |
| } | |
| .nav > li > a:hover, .nav > li > a:focus { | |
| background-color: #060606 !important; | |
| } | |
| div.input_prompt { | |
| color: #08C !important; | |
| border-top: 1px solid transparent !important; | |
| } | |
| .navbar-inner { | |
| background-color: #242424 !important; | |
| background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); | |
| } | |
| .navbar .nav > li > a { | |
| color: #BBB !important; | |
| text-shadow: 0px 0px 0px #FFF !important; | |
| } | |
| div.output_area pre { | |
| color: #BBB !important; | |
| } | |
| select { | |
| background-color: #101010 !important; | |
| } | |
| select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { | |
| color: #BBB !important; | |
| } | |
| .dropdown-menu { | |
| background-color: #101010 !important; | |
| } | |
| .dropdown-menu > li > a { | |
| color: #BBB !important; | |
| } | |
| .dropdown-menu .divider { | |
| background-color: #BBB !important; | |
| } | |
| .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { | |
| background-color: #060606 !important; | |
| } | |
| div.out_prompt_overlay:hover { | |
| background: none repeat scroll 0% 0% rgba(6,6,6, 0.5) !important; | |
| } | |
| .completions { | |
| box-shadow: none !important; | |
| } | |
| .ipython_tooltip { | |
| background-color: #101010 !important; | |
| box-shadow: none !important; | |
| } | |
| .ipython_tooltip .tooltiptext pre { | |
| background-color: #101010 !important; | |
| color: #BBB !important; | |
| } | |
| .pretooltiparrow:before { | |
| background-color: #101010 !important; | |
| } | |
| .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { | |
| background-color: #262626 !important; | |
| color: #BBB !important; | |
| } | |
| div#pager pre { | |
| color: #BBB !important; | |
| background-color: #101010 !important; | |
| } | |
| div.output_prompt { | |
| color: #FF4E4E !important; | |
| } | |
| .notification_widget { | |
| color: #BBB !important; | |
| background: none repeat scroll 0% 0% rgba(16, 16, 16, 0.5) !important; | |
| } | |
| .modal { | |
| background-color: #101010 !important; | |
| } | |
| .modal-footer { | |
| background-color: #101010 !important; | |
| box-shadow: 0px 1px 0px #101010 inset !important; | |
| } | |
| textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { | |
| background-color: #101010 !important; | |
| } | |
| .ui-icon { | |
| background-color: #BBB !important; | |
| } | |
| /* 20140214 */ | |
| .MathJax span { | |
| border-color: #BBB !important; | |
| } | |
| .navbar-text { | |
| color: #BBB !important; | |
| } | |
| div.output_stderr { | |
| background: none repeat scroll 0% 0% #643939 !important; | |
| } | |
| /* 20140406 */ | |
| .rendered_html { | |
| color: #BBB !important; | |
| } | |
| /* 20141204 */ | |
| .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { | |
| border: 1px solid rgba(40, 41, 54, 1) !important; | |
| background: none #060606 !important; | |
| } | |
| .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { | |
| border: 1px solid rgba(40, 41, 54, 1) !important; | |
| background: none; | |
| } | |
| .dropdown-menu .divider { | |
| background-color: #666 !important; | |
| } | |
| .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { | |
| background-color: #050505; | |
| } | |
| .panel { | |
| background-color: #111; | |
| } | |
| #running .panel-group .panel .panel-heading { | |
| background-color: #060606; | |
| } | |
| /* color theme */ | |
| /* input area */ | |
| /* background color */ | |
| div.input_area { | |
| background: none repeat scroll 0% 0% rgba(40, 41, 54, 1) !important; | |
| } | |
| /* basic font color */ | |
| .CodeMirror { | |
| color: #DDDDDD !important; | |
| } | |
| /* selected text background color */ | |
| .CodeMirror-selected { | |
| background: none repeat scroll 0% 0% #101010 !important; | |
| } | |
| /* cursor color */ | |
| .CodeMirror div.CodeMirror-cursor { | |
| border-left: 1px solid #AAAAAA !important; | |
| } | |
| /* keyword color */ | |
| .cm-s-ipython span.cm-keyword { | |
| color: #F0E68C !important; | |
| } | |
| /* variable color */ | |
| .cm-s-ipython span.cm-variable { | |
| color: #DDDDDD !important; | |
| } | |
| .cm-s-ipython span.cm-variable-2 { | |
| color: #DDDDDD; | |
| } | |
| /* string color */ | |
| .cm-s-ipython span.cm-string { | |
| color: #FFA0A0 !important; | |
| } | |
| .cm-s-ipython span.cm-link { | |
| color: #FFA0A0; | |
| } | |
| /* comment color */ | |
| .cm-s-ipython span.cm-comment { | |
| color: #87CEEB !important; | |
| } | |
| .cm-s-ipython span.cm-header { | |
| color: #87CEEB; | |
| } | |
| /* built in function color */ | |
| .cm-s-ipython span.cm-builtin { | |
| color: #98FB98 !important; | |
| } | |
| /* local function color */ | |
| .cm-s-ipython span.cm-def { | |
| color: #98FB98; | |
| } | |
| /* number color */ | |
| .cm-s-ipython span.cm-number { | |
| color: #FFA0A0 !important; | |
| } | |
| /* operator color */ | |
| .cm-s-ipython span.cm-operator { | |
| color: #FFA858 !important; | |
| } | |
| /* matching bracket color */ | |
| div.CodeMirror span.CodeMirror-matchingbracket { | |
| color: #DDDDDD !important; | |
| background-color: #008B8B !important; | |
| } | |
| /* error syntax color */ | |
| .cm-s-ipython span.cm-error { | |
| color: #FF5555 !important; | |
| } | |
| .CodeMirror-gutters { | |
| border-right: 1px solid #DDD; | |
| background-color: #242424 !important; | |
| white-space: nowrap; | |
| } | |
| /* output area */ | |
| /* output background color */ | |
| #notebook-container { | |
| background-color: #2e3338; | |
| box-shadow: none; | |
| } | |
| /* selected region frame color */ | |
| div.cell.selected { | |
| border: 1px solid #234 !important; | |
| margin: -1px !important; | |
| } | |
| div.cell { | |
| border: 0px solid #234 !important; | |
| } | |
| .ansicyan { | |
| color: #FFA0A0; | |
| } | |
| .ansiyellow { | |
| color: #FFA0A0 !important; | |
| } | |
| .ansigreen { | |
| color: #F0E68C !important; | |
| } | |
| .ansiblue { | |
| color: #87ceeb !important; | |
| } | |
| .ansired { | |
| color: #FF4E4E !important; | |
| } | |
| /* Markdown Cell */ | |
| .CodeMirror { | |
| background: rgba(40, 41, 54, 1); | |
| color: #DDDDDD; | |
| } | |
| .CodeMirror-gutters { | |
| background-color: #444; | |
| } | |
| .CodeMirror-selected { | |
| background: none repeat scroll 0% 0% #101010; | |
| } | |
| .CodeMirror-cursor { | |
| border-left: 1px solid #AAAAAA !important; | |
| } | |
| div.CodeMirror span.CodeMirror-matchingbracket { | |
| color: #DDDDDD !important; | |
| background-color: #008B8B; | |
| } | |
| #size_current { | |
| color: #ccc !important; | |
| } | |
| .cm-s-default .cm-qualifier { | |
| color: #ddd; | |
| } | |
| .cm-s-default .cm-atom { | |
| color: #FFA0A0; | |
| } | |
| .cm-s-default .cm-keyword { | |
| color: #F0E68C !important; | |
| } | |
| .cm-s-default .cm-variable { | |
| color: #DDDDDD !important; | |
| } | |
| .cm-s-default .cm-attribute { | |
| color: #F0E68C; | |
| } | |
| .cm-s-default .cm-variable-2 { | |
| color: #DDDDDD; | |
| } | |
| .cm-s-default .cm-variable-3 { | |
| color: #DDDDDD; | |
| } | |
| .cm-s-default .cm-string { | |
| color: #FFA0A0 !important; | |
| } | |
| .cm-s-default .cm-link { | |
| color: #FFA0A0; | |
| } | |
| .cm-s-default .cm-comment { | |
| color: #87CEEB !important; | |
| } | |
| .cm-s-default .cm-header { | |
| color: #87CEEB; | |
| } | |
| .cm-s-default .cm-builtin { | |
| color: #98FB98 !important; | |
| } | |
| .cm-s-default .cm-def { | |
| color: #98FB98; | |
| } | |
| .cm-s-default .cm-number { | |
| color: #FFA0A0 !important; | |
| } | |
| .cm-s-default .cm-operator { | |
| color: #FFA858 !important; | |
| } | |
| .cm-s-default .cm-error { | |
| color: #FF5555 !important; | |
| } | |
| .cm-s-default .cm-tag { | |
| color: #F0E68C; | |
| } | |
| span.line-num { | |
| background: rgba(40, 41, 54, 1); | |
| } | |
| .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| .rendered_html pre, .rendered_html code { | |
| background-color: rgba(40, 41, 54, 1) !important; | |
| color: #ddd; | |
| } | |
| } |
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
| @media only screen and (prefers-color-scheme: dark) { | |
| /* CSS pour la Scrollbars */ | |
| ::-webkit-scrollbar { | |
| background-color: transparent; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background-color: #484e55; | |
| border-radius: 2px; | |
| -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); | |
| } | |
| /* CSS prou les Form Input */ | |
| select { | |
| background-color: #484e55; | |
| border-color: #333; | |
| } | |
| .form-control { | |
| background-color: #484e55 !important; | |
| color: #E6E6E6; | |
| } | |
| .form-control::placeholder { | |
| color: #ACACAC; | |
| } | |
| /* TinyMCE Toolskit et Box Modal (importer image*/ | |
| .mce-menu-item.mce-active.mce-menu-item-normal { | |
| background-image: linear-gradient(#020202, #101112 40%, #141618); | |
| } | |
| .mce-menu-item:hover .mce-text, .mce-menu-item:focus .mce-text { | |
| color: #EEE; | |
| } | |
| .mce-menu-item:hover, .mce-menu-item:focus { | |
| background-color: #272b30; | |
| color: #EEE; | |
| } | |
| .mce-menu-item.mce-active.mce-menu-item-normal { | |
| background-color: #272b30; | |
| } | |
| .mce-panel { | |
| background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); | |
| border-color: #242424; | |
| } | |
| .mce-combobox input, .mce-textbox { | |
| background-color: #484e55; | |
| border: 0px | |
| } | |
| .mce-btn { | |
| background-color: transparent; | |
| } | |
| .mce-window-head { | |
| background-color: #3e444c; | |
| border-bottom-color: #3e444c; | |
| } | |
| .mce-btn-group:not(:first-child) { | |
| border-left-color: #242424; | |
| } | |
| .mce-container-body.mce-abs-layout { | |
| background-color: #2e3338; | |
| } | |
| .mce-btn { | |
| border: 0px | |
| } | |
| .mce-tabs { | |
| background-color: #272b30; | |
| border-color: #242424; | |
| } | |
| .mce-tab { | |
| background-color: #272b30; | |
| border-color: #242424; | |
| } | |
| .mce-btn:hover, .mce-btn.mce-active, .mce-tab:hover, .mce-btn.mce-active:hover, .mce-tab.mce-active { | |
| background-image: linear-gradient(#020202, #101112 40%, #141618); | |
| } | |
| .mce-btn:focus, .mce-tab:focus { | |
| color: #FFFFFF; | |
| background-color: #272b2e | |
| } | |
| .mce-splitbtn.mce-opened, .mce-splitbtn:hover .mce-open { | |
| border-color: #242424; | |
| } | |
| .mce-floatpanel.mce-popover { | |
| background-color: #3a3f44; | |
| } | |
| .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow:after { | |
| border-bottom-color: #3a3f44; | |
| } | |
| .mce-grid td.mce-grid-cell div { | |
| border-color: #242424 | |
| } | |
| .mce-colorbtn-trans div { | |
| color: #CCC; | |
| } | |
| i.mce-i-backcolor { | |
| background-color: #272b2e; | |
| } | |
| .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset, .mce-window-head .mce-close i { | |
| color: #CCC; | |
| } | |
| /* TinyMCE Text editor */ | |
| .mce-content-body { | |
| background-color: #484e55; | |
| color: #C8C8C8; | |
| } | |
| /* CSS pour Visualisation Pas à Pas */ | |
| div.ExecutionVisualizer #vcrControls button { | |
| background-color: #7a7a7a !important; | |
| border-color: #333; | |
| color: #101010 | |
| } | |
| div.ExecutionVisualizer div#langDisplayDiv, div.ExecutionVisualizer div#stackHeader, div.ExecutionVisualizer div#heapHeader { | |
| color: #CCC; | |
| } | |
| .ui-resizable-e { | |
| border-color: #333; | |
| } | |
| .ui-resizable-e:hover { | |
| border-color: #101010; | |
| } | |
| div.ExecutionVisualizer div.highlightedStackFrame { | |
| background-color: #1C4263; | |
| border-color: #333 | |
| } | |
| div.ExecutionVisualizer table.dictTbl td.dictKey, div.ExecutionVisualizer table.instTbl td.instKey, div.ExecutionVisualizer table.classTbl td.classKey { | |
| background-color: #5E1E1E; | |
| border-color: #333 | |
| } | |
| div.ExecutionVisualizer table.classTbl, div.ExecutionVisualizer table.funcTbl { | |
| border-color: #333 | |
| } | |
| div.ExecutionVisualizer table.dictTbl td.dictVal, div.ExecutionVisualizer table.instTbl td.instVal, div.ExecutionVisualizer table.classTbl td.classVal, div.ExecutionVisualizer td.funcCod { | |
| background-color: #101010; | |
| border-color: #333 | |
| } | |
| div.ExecutionVisualizer .typeLabel { | |
| color: #E6E6E6; | |
| } | |
| body>.mapster_tooltip[style] { | |
| background-color: #101010 !important; | |
| box-shadow: rgb(51, 51, 51) 3px 3px 5px; | |
| } | |
| /* CSS pour les Graphes */ | |
| /* Rect */ | |
| rect[fill='#ffffff'] { | |
| fill: rgb(51, 51, 51) | |
| } | |
| rect[fill='#333333'] { | |
| fill: #101010; | |
| } | |
| rect[fill='#cccccc'] { | |
| fill: #101010; | |
| } | |
| rect[fill='#ebebeb'] { | |
| fill: #242424; | |
| } | |
| rect[fill='#d3d3d3'] { | |
| fill: #777; | |
| stroke: #ACACAC; | |
| } | |
| /* Text */ | |
| text[fill='#000000'] { | |
| fill: #ACACAC; | |
| } | |
| text[fill='#444444'] { | |
| fill: #ACACAC; | |
| } | |
| text[fill='#222222'] { | |
| fill: #777; | |
| } | |
| text[style='color:#666666;fill:#666666;']>tspan { | |
| fill: #777; | |
| } | |
| text[style='color:#666666;fill:#666666;'][class='highcharts-subtitle']>tspan { | |
| fill: #ACACAC; | |
| } | |
| text[style='color:#666666;cursor:default;font-size:11px;fill:#666666;'] { | |
| fill: #ACACAC !important; | |
| } | |
| text[style='font-size:12px;color:#333333;cursor:default;fill:#333333;'] { | |
| fill: #ACACAC !important; | |
| } | |
| /* Path */ | |
| path[fill='#ffffff'] { | |
| fill: #242424; | |
| stroke: #101010; | |
| } | |
| path[fill='#777777'] { | |
| fill: #ACACAC; | |
| stroke: #ACACAC; | |
| } | |
| path[fill='#808080'] { | |
| fill: #ACACAC; | |
| stroke: #ACACAC; | |
| } | |
| path[stroke='#E6E6E6'] { | |
| stroke: #101010 !important; | |
| } | |
| path[class='highcharts-tick'] { | |
| stroke: #101010; | |
| } | |
| path[class='highcharts-axis-line'] { | |
| stroke: #101010; | |
| } | |
| .highcharts-yaxis-grid>path[class='highcharts-grid-line'] { | |
| stroke: #242424; | |
| } | |
| path[class='highcharts-label-box highcharts-tooltip-box'] { | |
| fill: #1c1c1c; | |
| } | |
| } |
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
| @media only screen and (prefers-color-scheme: dark) { | |
| div.cell.selected { | |
| background: linear-gradient(to right, #337ab7 -40px, #337ab7 5px, transparent 5px, transparent 100%); | |
| } | |
| #site { | |
| background: #2e3338; | |
| } | |
| .terminal-app #header { | |
| background: #000; | |
| } | |
| .typeahead-container button:focus, .typeahead-container button { | |
| background-color: #999; | |
| border-color: rgba(40, 41, 54, 1); | |
| } | |
| .typeahead-dropdown > li.active > a, .typeahead-list > li.active > a, .typeahead-dropdown > li > a:focus, .typeahead-dropdown > li > a:hover, .typeahead-list > li > a:focus, .typeahead-list > li > a:hover { | |
| background-color: #1b1b1b; | |
| color: #ccc; | |
| } | |
| .typeahead-dropdown > li > a, .typeahead-list > li > a { | |
| background-color: #161616; | |
| color: #ccc; | |
| } | |
| .typeahead-dropdown, .typeahead-list { | |
| background-color: #161616; | |
| } | |
| .typeahead-list > li.typeahead-group.active > a, .typeahead-list > li.typeahead-group > a, .typeahead-list > li.typeahead-group > a:focus, .typeahead-list > li.typeahead-group > a:hover { | |
| border-color: rgba(40, 41, 54, 1); | |
| color: #8899a6; | |
| background-color: #242424; | |
| } | |
| div#pager { | |
| background-color: #101010; | |
| } | |
| div#pager .ui-resizable-handle { | |
| background: rgba(40, 41, 54, 1); | |
| border-top: 1px solid rgba(40, 41, 54, 1); | |
| border-bottom: 1px solid rgba(40, 41, 54, 1); | |
| } | |
| div#pager .ui-resizable-handle::after { | |
| border-top: 1px solid #999; | |
| } | |
| #texteditor-backdrop { | |
| background-color: #101010; | |
| } | |
| body > #header { | |
| display: none; | |
| background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); | |
| } | |
| body > #header .header-bar { | |
| background: #101010 none repeat scroll 0% 0%; | |
| } | |
| #texteditor-backdrop #texteditor-container { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutter, #texteditor-backdrop #texteditor-container .CodeMirror-gutters { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| .modal-content { | |
| background-color: #050505; | |
| } | |
| span.save_widget span.filename:hover { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| .notebook_app #header { | |
| box-shadow: 0px 0px 1px 1px rgba(87, 87, 87, 0.2); | |
| } | |
| .notebook_app { | |
| background-color: #050505; | |
| } | |
| .navbar-default { | |
| background-color: rgb(26,26,26) !important; | |
| background-image: linear-gradient(to bottom, #242424, #101010) !important; | |
| border-color: #E7E7E7; | |
| } | |
| #header .header-bar { | |
| width: 0px; | |
| background: none repeat scroll 0% 0% #666; | |
| } | |
| .caret { | |
| border-top: 4px solid !important; | |
| border-right: 4px solid transparent !important; | |
| border-left: 4px solid transparent !important; | |
| } | |
| .list_item:hover { | |
| background-color: #050505; | |
| } | |
| .list_header { | |
| font-weight: bold; | |
| background-color: #050505; | |
| } | |
| .list_container > div { | |
| border-bottom: 1px solid #666; | |
| } | |
| #header { | |
| background-color: #050505; | |
| } | |
| body { | |
| background-color: rgb(16,16,16); | |
| color: #BBB !important; | |
| } | |
| .breadcrumb > li { | |
| text-shadow: 0px 0px 0px #FFF!important; | |
| color: #BBB !important; | |
| } | |
| .btn { | |
| color: #BBB !important; | |
| text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.75) !important; | |
| background-color: transparent !important; | |
| } | |
| * { | |
| border-color: rgb(36,36,36) !important; | |
| } | |
| .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { | |
| color: #BBB !important; | |
| background-color: #060606 !important; | |
| } | |
| .nav > li > a:hover, .nav > li > a:focus { | |
| background-color: #060606 !important; | |
| } | |
| div.input_prompt { | |
| color: #08C !important; | |
| border-top: 1px solid transparent !important; | |
| } | |
| .navbar-inner { | |
| background-color: #242424 !important; | |
| background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); | |
| } | |
| .navbar .nav > li > a { | |
| color: #BBB !important; | |
| text-shadow: 0px 0px 0px #FFF !important; | |
| } | |
| div.output_area pre { | |
| color: #BBB !important; | |
| } | |
| select { | |
| background-color: #101010 !important; | |
| } | |
| select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { | |
| color: #BBB !important; | |
| } | |
| .dropdown-menu { | |
| background-color: #101010 !important; | |
| } | |
| .dropdown-menu > li > a { | |
| color: #BBB !important; | |
| } | |
| .dropdown-menu .divider { | |
| background-color: #BBB !important; | |
| } | |
| .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { | |
| background-color: #060606 !important; | |
| } | |
| div.out_prompt_overlay:hover { | |
| background: none repeat scroll 0% 0% rgba(6,6,6, 0.5) !important; | |
| } | |
| .completions { | |
| box-shadow: none !important; | |
| } | |
| .ipython_tooltip { | |
| background-color: #101010 !important; | |
| box-shadow: none !important; | |
| } | |
| .ipython_tooltip .tooltiptext pre { | |
| background-color: #101010 !important; | |
| color: #BBB !important; | |
| } | |
| .pretooltiparrow:before { | |
| background-color: #101010 !important; | |
| } | |
| .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { | |
| background-color: #262626 !important; | |
| color: #BBB !important; | |
| } | |
| div#pager pre { | |
| color: #BBB !important; | |
| background-color: #101010 !important; | |
| } | |
| div.output_prompt { | |
| color: #FF4E4E !important; | |
| } | |
| .notification_widget { | |
| color: #BBB !important; | |
| background: none repeat scroll 0% 0% rgba(16, 16, 16, 0.5) !important; | |
| } | |
| .modal { | |
| background-color: #101010 !important; | |
| } | |
| .modal-footer { | |
| background-color: #101010 !important; | |
| box-shadow: 0px 1px 0px #101010 inset !important; | |
| } | |
| textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { | |
| background-color: #101010 !important; | |
| } | |
| .ui-icon { | |
| background-color: #BBB !important; | |
| } | |
| /* 20140214 */ | |
| .MathJax span { | |
| border-color: #BBB !important; | |
| } | |
| .navbar-text { | |
| color: #BBB !important; | |
| } | |
| div.output_stderr { | |
| background: none repeat scroll 0% 0% #643939 !important; | |
| } | |
| /* 20140406 */ | |
| .rendered_html { | |
| color: #BBB !important; | |
| } | |
| /* 20141204 */ | |
| .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { | |
| border: 1px solid rgba(40, 41, 54, 1) !important; | |
| background: none #060606 !important; | |
| } | |
| .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { | |
| border: 1px solid rgba(40, 41, 54, 1) !important; | |
| background: none; | |
| } | |
| .dropdown-menu .divider { | |
| background-color: #666 !important; | |
| } | |
| .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { | |
| background-color: #050505; | |
| } | |
| .panel { | |
| background-color: #111; | |
| } | |
| #running .panel-group .panel .panel-heading { | |
| background-color: #060606; | |
| } | |
| /* color theme */ | |
| /* input area */ | |
| /* background color */ | |
| div.input_area { | |
| background: none repeat scroll 0% 0% rgba(40, 41, 54, 1) !important; | |
| } | |
| /* basic font color */ | |
| .CodeMirror { | |
| color: #DDDDDD !important; | |
| } | |
| /* selected text background color */ | |
| .CodeMirror-selected { | |
| background: none repeat scroll 0% 0% #101010 !important; | |
| } | |
| /* cursor color */ | |
| .CodeMirror div.CodeMirror-cursor { | |
| border-left: 1px solid #AAAAAA !important; | |
| } | |
| /* keyword color */ | |
| .cm-s-ipython span.cm-keyword { | |
| color: #F0E68C !important; | |
| } | |
| /* variable color */ | |
| .cm-s-ipython span.cm-variable { | |
| color: #DDDDDD !important; | |
| } | |
| .cm-s-ipython span.cm-variable-2 { | |
| color: #DDDDDD; | |
| } | |
| /* string color */ | |
| .cm-s-ipython span.cm-string { | |
| color: #FFA0A0 !important; | |
| } | |
| .cm-s-ipython span.cm-link { | |
| color: #FFA0A0; | |
| } | |
| /* comment color */ | |
| .cm-s-ipython span.cm-comment { | |
| color: #87CEEB !important; | |
| } | |
| .cm-s-ipython span.cm-header { | |
| color: #87CEEB; | |
| } | |
| /* built in function color */ | |
| .cm-s-ipython span.cm-builtin { | |
| color: #98FB98 !important; | |
| } | |
| /* local function color */ | |
| .cm-s-ipython span.cm-def { | |
| color: #98FB98; | |
| } | |
| /* number color */ | |
| .cm-s-ipython span.cm-number { | |
| color: #FFA0A0 !important; | |
| } | |
| /* operator color */ | |
| .cm-s-ipython span.cm-operator { | |
| color: #FFA858 !important; | |
| } | |
| /* matching bracket color */ | |
| div.CodeMirror span.CodeMirror-matchingbracket { | |
| color: #DDDDDD !important; | |
| background-color: #008B8B !important; | |
| } | |
| /* error syntax color */ | |
| .cm-s-ipython span.cm-error { | |
| color: #FF5555 !important; | |
| } | |
| .CodeMirror-gutters { | |
| border-right: 1px solid #DDD; | |
| background-color: #242424 !important; | |
| white-space: nowrap; | |
| } | |
| /* output area */ | |
| /* output background color */ | |
| #notebook-container { | |
| background-color: #2e3338; | |
| box-shadow: none; | |
| } | |
| /* selected region frame color */ | |
| div.cell.selected { | |
| border: 1px solid #234 !important; | |
| margin: -1px !important; | |
| } | |
| div.cell { | |
| border: 0px solid #234 !important; | |
| } | |
| .ansicyan { | |
| color: #FFA0A0; | |
| } | |
| .ansiyellow { | |
| color: #FFA0A0 !important; | |
| } | |
| .ansigreen { | |
| color: #F0E68C !important; | |
| } | |
| .ansiblue { | |
| color: #87ceeb !important; | |
| } | |
| .ansired { | |
| color: #FF4E4E !important; | |
| } | |
| /* Markdown Cell */ | |
| .CodeMirror { | |
| background: rgba(40, 41, 54, 1); | |
| color: #DDDDDD; | |
| } | |
| .CodeMirror-gutters { | |
| background-color: #444; | |
| } | |
| .CodeMirror-selected { | |
| background: none repeat scroll 0% 0% #101010; | |
| } | |
| .CodeMirror-cursor { | |
| border-left: 1px solid #AAAAAA !important; | |
| } | |
| div.CodeMirror span.CodeMirror-matchingbracket { | |
| color: #DDDDDD !important; | |
| background-color: #008B8B; | |
| } | |
| #size_current { | |
| color: #ccc !important; | |
| } | |
| .cm-s-default .cm-qualifier { | |
| color: #ddd; | |
| } | |
| .cm-s-default .cm-atom { | |
| color: #FFA0A0; | |
| } | |
| .cm-s-default .cm-keyword { | |
| color: #F0E68C !important; | |
| } | |
| .cm-s-default .cm-variable { | |
| color: #DDDDDD !important; | |
| } | |
| .cm-s-default .cm-attribute { | |
| color: #F0E68C; | |
| } | |
| .cm-s-default .cm-variable-2 { | |
| color: #DDDDDD; | |
| } | |
| .cm-s-default .cm-variable-3 { | |
| color: #DDDDDD; | |
| } | |
| .cm-s-default .cm-string { | |
| color: #FFA0A0 !important; | |
| } | |
| .cm-s-default .cm-link { | |
| color: #FFA0A0; | |
| } | |
| .cm-s-default .cm-comment { | |
| color: #87CEEB !important; | |
| } | |
| .cm-s-default .cm-header { | |
| color: #87CEEB; | |
| } | |
| .cm-s-default .cm-builtin { | |
| color: #98FB98 !important; | |
| } | |
| .cm-s-default .cm-def { | |
| color: #98FB98; | |
| } | |
| .cm-s-default .cm-number { | |
| color: #FFA0A0 !important; | |
| } | |
| .cm-s-default .cm-operator { | |
| color: #FFA858 !important; | |
| } | |
| .cm-s-default .cm-error { | |
| color: #FF5555 !important; | |
| } | |
| .cm-s-default .cm-tag { | |
| color: #F0E68C; | |
| } | |
| span.line-num { | |
| background: rgba(40, 41, 54, 1); | |
| } | |
| .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { | |
| background-color: rgba(40, 41, 54, 1); | |
| } | |
| .rendered_html pre, .rendered_html code { | |
| background-color: rgba(40, 41, 54, 1) !important; | |
| color: #ddd; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment