Skip to content

Instantly share code, notes, and snippets.

@liangch

liangch/custom.css

Created November 8, 2018 11:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save liangch/85b139a7b4a79467c901253c8dc008f4 to your computer and use it in GitHub Desktop.
Save liangch/85b139a7b4a79467c901253c8dc008f4 to your computer and use it in GitHub Desktop.
Download ZIP
jupyter theme #jupyter #theme
Raw
custom.css
/*
Author: Neil Panchal
http://neil.engineer
PALETTE
YELLOW = #b58900
ORANGE = #cb4b16
RED = #D43132
MAGENTA = #d33682
VIOLET = #6c71c4
BLUE = #268bd2
CYAN = #2aa198
GREEN = #859900
BACKGROUND = #F8F8F8
DARK GRAY = #002b36
MID GRAY = #d8d8d8
LIGHT GRAY = #657b83
Solarized Palette: http://ethanschoonover.com/solarized
SOLARIZED HEX 16/8 TERMCOL XTERM/HEX L*A*B RGB HSB
--------- ------- ---- ------- ----------- ---------- ----------- -----------
base03 #002b36 8/4 brblack 234 #1c1c1c 15 -12 -12 0 43 54 193 100 21
base02 #073642 0/4 black 235 #262626 20 -12 -12 7 54 66 192 90 26
base01 #586e75 10/7 brgreen 240 #585858 45 -07 -07 88 110 117 194 25 46
base00 #657b83 11/7 bryellow 241 #626262 50 -07 -07 101 123 131 195 23 51
base0 #839496 12/6 brblue 244 #808080 60 -06 -03 131 148 150 186 13 59
base1 #93a1a1 14/4 brcyan 245 #8a8a8a 65 -05 -02 147 161 161 180 9 63
base2 #eee8d5 7/7 white 254 #e4e4e4 92 -00 10 238 232 213 44 11 93
base3 #fdf6e3 15/7 brwhite 230 #ffffd7 97 00 10 253 246 227 44 10 99
yellow #b58900 3/3 yellow 136 #af8700 60 10 65 181 137 0 45 100 71
orange #cb4b16 9/3 brred 166 #d75f00 50 50 55 203 75 22 18 89 80
red #dc322f 1/1 red 160 #d70000 50 65 45 220 50 47 1 79 86
magenta #d33682 5/5 magenta 125 #af005f 50 65 -05 211 54 130 331 74 83
violet #6c71c4 13/5 brmagenta 61 #5f5faf 50 15 -45 108 113 196 237 45 77
blue #268bd2 4/4 blue 33 #0087ff 55 -10 -45 38 139 210 205 82 82
cyan #2aa198 6/6 cyan 37 #00afaf 60 -35 -05 42 161 152 175 74 63
green #859900 2/2 green 64 #5f8700 60 -20 65 133 153 0 68 100 60
*/
/* FONTS */
@font-face {
font-family: 'Iosevka Slab';
font-weight: normal;
font-style: normal;
src: url('fonts/iosevka-slab/iosevka-slab-regular.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab';
font-weight: normal;
font-style: italic;
src: url('fonts/iosevka-slab/iosevka-slab-italic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab';
font-weight: bold;
font-style: normal;
src: url('fonts/iosevka-slab/iosevka-slab-bold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab';
font-weight: bold;
font-style: italic;
src: url('fonts/iosevka-slab/iosevka-slab-bolditalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: normal;
font-style: normal;
src: url('fonts/iosevka/iosevka-regular.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: normal;
font-style: italic;
src: url('fonts/iosevka/iosevka-italic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: bold;
font-style: normal;
src: url('fonts/iosevka/iosevka-bold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: bold;
font-style: italic;
src: url('fonts/iosevka/iosevka-bolditalic.ttf') format('truetype');
}
/* GLOBALS */
html {
font-size: 12pt;
}
body {
background-color: #FFF !important;
color: #657b83;
font-weight: normal;
font-family: "Iosevka Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: inherit;
right: auto;
left: 30px;
}
body .notebook-app {
background-color: #FFF !important;
}
#header {
box-shadow: none !important;
}
#notebook {
padding-top: 0px;
font-family: "cmu-text", "Times New Roman", serif;
}
.container {
width: 940px;
}
#site {
overflow: inherit;
}
#notebook-container {
box-shadow: none;
-webkit-box-shadow: none;
padding: 0px;
}
.nav>li>a {
padding: 10px;
}
div.cell.selected {
border: none;
background: none !important;
}
div.cell.selected div.input:before {
display: inline-block;
position: absolute;
content: "●";
font-size: 1rem;
top: 10px;
width: 10px;
left: 10px;
color: #2aa198;
font-style: normal !important;
}
.edit_mode div.cell.selected div.input:before {
color: #d33682;
}
div.cell.selected:before,
div.cell.selected.jupyter-soft-selected:before {
position: absolute;
display: none;
top: -1px;
left: -1px;
width: 0px;
height: calc(100% + 2px);
content: '';
background: none;
}
.edit_mode div.cell.selected {
border: none;
background: none !important;
}
.edit_mode div.cell.selected:before {
width: 0px;
background: none;
}
div.output_wrapper {
margin-top: 8px;
}
a {
color: #002b36;
}
code,
kbd,
pre,
samp {
font-family: 'Iosevka Slab', 'sf-mono', 'Menlo', 'Courier New', monospace !important;
font-size: 1rem !important;
}
h1 {
font-family: "Iosevka", "cmu-text", "Times New Roman", serif !important;
font-size: 1rem !important;
color: #002b36 !important;
/* letter-spacing: 3px !important; */
text-transform: normal !important;
text-align: center !important;
padding-top: 1rem;
padding-bottom: 1rem;
/*border-bottom: 1px dotted #002b36 !important;*/
}
h2 {
font-family: "Iosevka", "cmu-text", "Times New Roman", serif !important;
font-size: 1rem !important;
color: #002b36 !important;
text-transform: none !important;
}
h3 {
font-family: "Iosevka", "cmu-text", "Times New Roman", serif !important;
font-size: 1rem !important;
color: #002b36 !important;
display: block !important;
}
h4 {
font-style: italic;
text-decoration: underline;
}
h4,
h5,
h6 {
font-family: "Iosevka", "cmu-text", "Times New Roman", serif !important;
font-weight: normal !important;
display: block !important;
color: #002b36;
}
.prompt {
font-family: "Iosevka Slab", 'sf-mono', 'Menlo', 'Courier New', monospace !important;
font-style: normal;
font-size: 0.75rem;
text-align: right;
line-height: 1rem;
}
/* INTRO PAGE */
.toolbar_info,
.list-container {
color: #657b83;
}
/* NOTEBOOK */
div#header-container {
display: none !important;
}
div#notebook {
border-top: none;
font-size: 1rem;
}
.kernel_idle_icon:before {
color: #d33682;
}
.kernel_busy_icon:before {
color: #2aa198;
}
div.input_prompt {
color: #888;
font-style: normal !important;
}
.code_cell div.input_prompt:after,
.code_cell div.output_prompt:after {
display: inline-block;
content: '';
font-size: 0.75rem;
font-style: normal !important;
}
div.output_prompt {
color: #002b36;
}
div.input_area {
border-radius: 0px;
border: none;
padding: 0px 5px;
}
div.output_area pre {
font-weight: normal;
color: #657b83;
}
div.output_subarea {
font-weight: normal;
color: #657b83;
}
.rendered_html pre,
.rendered_html code {
color: #657b83;
}
/* .rendered_html table,
.rendered_html th,
.rendered_html tr,
.rendered_html td {
border: 1px #657b83 solid;
font-size: 0.75rem;
font-family: 'sf-mono', 'Menlo', 'Courier New', monospace;
} */
/* .rendered_html th,
.rendered_html tr,
.rendered_html td {
padding: 5px 10px;
}
*/
/* .rendered_html th {
font-weight: normal;
background: #f8f8f8;
} */
div.output_html {
font-size: 0.75rem;
font-weight: normal;
font-family: 'Iosevka Slab', 'sf-mono', 'Menlo', 'Courier New', monospace;
}
table.dataframe {
border-collapse: collapse;
border: none;
}
table.dataframe thead {
padding-bottom: 10px;
}
table.dataframe thead tr {
background-color: #f8f8f8;
color: #cb4b16;
font-style: normal;
padding: 5px 10px;
border-bottom: 1px solid #657b83;
vertical-align: middle;
text-align: center;
}
table.dataframe thead tr th,
table.dataframe thead tr:only-child th {
vertical-align: middle;
text-align: center;
}
table.dataframe tbody {
padding-top: 5px;
}
table.dataframe tbody tr {}
table.dataframe tbody tr th {
background-color: #ffffff;
text-align: left;
font-style: italic
}
table.dataframe tbody tr td {
background-color: #fff9ea;
color: #657b83;
padding-left: 1.0rem;
padding-right: 1.0rem;
}
/* table, table.dataframe tr {
border: none;
} */
/* table td, table.dataframe td,
table th, table.dataframe th {
margin: 0;
border: 1px solid white;
padding-left: 0.25em;
padding-right: 0.25em;
} */
/* table th:not(:empty), table.dataframe th:not(:empty) {
background-color: #ffffff;
text-align: left;
padding: 0 10px;
font-style: italic
} */
/* table.dataframe tr:nth-child(2) th:empty, table.dataframe tr:nth-child(2) th:empty,
table tr:nth-child(2) th:empty, table tr:nth-child(2) th:empty {
border-left: none;
border-right: 1px dotted #888;
}
table td, table.dataframe td {
background-color: #fff9ea;
color: #657b83;
padding: 0.375em 1em;
}
table thead, table.dataframe thead {
color: #657b83;
padding: 10px 0;
font-weight: bold;
border-bottom: 1px solid #657b83;
}
table thead th:not(:empty), table.dataframe thead th:not(:empty),
table thead tr th, table.dataframe thead tr th {
background-color: #f8f8f8;
color: #cb4b16;
text-align: left;
font-style: normal;
padding: 5px 10px;
border-bottom: 1px solid #657b83;
} */
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
background-color: #d9edf7;
}
div.cell {
border: none;
}
div.cell.selected {
border-radius: 0px;
}
div.cell.edit_mode {
border-radius: 0px;
border: thin solid #cb4b16;
}
div.text_cell_render,
div.output_html {
color: #333;
}
span.ansiblack {
color: #657b83;
}
span.ansiblue {
color: #2aa198;
}
span.ansigray {
color: #d8d8d8;
}
span.ansigreen {
color: #859900;
}
span.ansipurple {
color: #6c71c4;
}
span.ansired {
color: #D43132;
}
span.ansiyellow {
color: #b58900;
}
div.output_stderr {
background-color: #FFFFFF;
}
div.output_stderr pre {
/* color: #6c71c4; */
}
.CodeMirror {
line-height: 150%;
}
.cm-s-ipython.CodeMirror {
background: #F8F8F8;
color: #657b83;
}
.cm-s-ipython div.CodeMirror-selected {
background: #e8e8e8 !important;
}
.cm-s-ipython .CodeMirror-gutters {
background: #F8F8F8;
border-right: 0px;
}
.cm-s-ipython .CodeMirror-linenumber {
color: #b8b8b8;
}
.cm-s-ipython .CodeMirror-cursor {
border-left: 1px solid #585858 !important;
}
.cm-s-ipython span.cm-comment {
color: #657b83;
}
.cm-s-ipython span.cm-atom {
color: #d33682;
}
.cm-s-ipython span.cm-number {
color: #d33682;
}
.cm-s-ipython span.cm-property,
.cm-s-ipython span.cm-attribute {
color: #859900;
}
.cm-s-ipython span.cm-keyword {
font-weight: normal;
color: #D43132;
}
.cm-s-ipython span.cm-string {
color: #b58900;
}
.cm-s-ipython span.cm-operator {
color: #657b83;
font-weight: normal;
}
.cm-s-ipython span.cm-builtin {
color: #268bd2;
}
.cm-s-ipython span.cm-variable {
color: #2aa198;
}
.cm-s-ipython span.cm-variable-2 {
color: #268bd2;
}
.cm-s-ipython span.cm-def {
color: #2aa198;
}
.cm-s-ipython span.cm-error {
background: #FFBDBD;
color: #D43132;
}
.cm-s-ipython span.cm-bracket {
color: #657b83;
}
.cm-s-ipython span.cm-tag {
color: #D43132;
}
.cm-s-ipython span.cm-link {
color: #6c71c4;
}
.cm-s-ipython .CodeMirror-matchingbracket {
text-decoration: underline;
color: #657b83 !important;
}
/* Unicode Arrows
Source: http://www.copypastecharacter.com/
▼ ↪ ↩ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↦ ↥ ↧ ↨ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↴ ↳ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ⟲ ⟳ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇏ ⇎ ⇑ ⇓ ⇐ ⇒ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇳ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇨ ⇩ ⇪ ⇧ ⇫ ⇬ ⇭ ⇮ ⇯ ⇰ ⇱ ⇲ ⇴ ⇵ ⇶ ⇷ ⇸ ⇹ ⇺ ⇻ ⇼ ⇽ ⇾ ⇿ ⟰ ⟱ ⟴ ⟵ ⟶ ⟷ ⟸ ⟹ ⟽ ⟾ ⟺ ⟻ ⟼ ⟿ ⤀ ⤁ ⤅ ⤂ ⤃ ⤄ ⤆ ⤇ ⤈ ⤉ ⤊ ⤋ ⤌ ⤍ ⤎ ⤏ ⤐ ⤑ ⤒ ⤓ ⤔ ⤕ ⤖ ⤗ ⤘ ⤙ ⤚ ⤛ ⤜ ⤝ ⤞ ⤟ ⤠ ⤡ ⤢ ⤣ ⤤ ⤥ ⤦ ⤧ ⤨ ⤩ ⤪ ⤭ ⤮ ⤯ ⤰ ⤱ ⤲ ⤳ ⤻ ⤸ ⤾ ⤿ ⤺ ⤼ ⤽ ⤴ ⤵ ⤶ ⤷ ⤹ ⥀ ⥁ ⥂ ⥃ ⥄ ⥅ ⥆ ⥇ ⥈ ⥉ ⥒ ⥓ ⥔ ⥕ ⥖ ⥗ ⥘ ⥙ ⥚ ⥛ ⥜ ⥝ ⥞ ⥟ ⥠ ⥡ ⥢ ⥣ ⥤ ⥥ ⥦ ⥧ ⥨ ⥩ ⥪ ⥫ ⥬ ⥭ ⥮ ⥯ ⥰ ⥱ ⥲ ⥳ ⥴ ⥵ ⥶ ⥷ ⥸ ⥹ ⥺ ⥻ ➔ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ⬀ ⬁ ⬂ ⬃ ⬄ ⬅ ⬆ ⬇ ⬈ ⬉ ⬊ ⬋ ⬌ ⬍ ⏎ ▲ ▼ ◀ ▶ ⬎ ⬏ ⬐ ⬑ ☇ ☈ ⍃ ⍄ ⍇ ⍈ ⍐ ⍗ ⍌ ⍓ ⍍ ⍔ ⍏ ⍖ ⍅ ⍆
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment