POP Light Theme for Jupyter Notebook

custom.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
.CodeMirror pre, .CodeMirror-dialog, .CodeMirror-dialog .CodeMirror-search-field, .terminal-app .terminal {
  font-family: 'Inter';
  font-size: 12pt;
}
body {
    font-family: 'Inter', sans-serif !important;
    color: #263333; /* change to the color you want */
}
h1 {
  color: #263333; /* change to the color you want */
  font-family: 'Inter', sans-serif !important;
}

h2 {
  color: #263333; /* change to the color you want */
  font-family: 'Inter', sans-serif !important;
}

h3 {
  color: #263333; /* change to the color you want */
  font-family: 'Inter', sans-serif !important;
}
summary {
  cursor: pointer;
  display:list-item;
}
summary::marker {
  font-size: 1em;
}
/*
  Terminal text coloring
*/

span.ansiblack {
    color: #263333;
}

span.ansiblue {
    color: #afc4db;
}

span.ansigray {
    color: #838184;
}

span.ansigreen {
    color: #8f9d6a;
}

span.ansipurple {
    color: #9b859d;
}

span.ansired {
    color: #cf6a4c;
}

span.ansiyellow {
    color: #f9ee98;
}


/*
  Code editing
*/

.CodeMirror {
    background: #f7f7f7;
    color: #263333;
}

div.CodeMirror-selected {
    background: #d2edf0 !important;
}

#texteditor-backdrop #texteditor-container .CodeMirror-gutter,
.CodeMirror-gutters {
    background: #eee;
    border-right: 0px;
    color: #263333;
}

.CodeMirror-linenumber {
    color: #b4b7b4;
}

.CodeMirror-cursor {
    border-left: 1px solid #263333 !important;
    margin-top: -2px;
    min-height: 18px;
}

.CodeMirror span.cm-comment {
    color: #93a1a1;
    font-style: italic;
}

.CodeMirror span.cm-atom {
    color: #b94c4c;
}

.CodeMirror span.cm-number {
    color: #47b9c7;
}

.CodeMirror span.cm-property {
    color: #cb4b15;
}

.CodeMirror span.cm-attribute {
    color: #198844;
}

.CodeMirror span.cm-keyword {
    color: #b94c4c;
    font-weight: bold;
}

.CodeMirror span.cm-string {
    color: #7b9547;
}

.CodeMirror span.cm-string-2 {
    color: #7b9547;
}


/* regexp */

.CodeMirror span.cm-operator {
    color: #9c27b0;
}

.CodeMirror span.cm-builtin {
    color: #439b9b;
}

.CodeMirror span.cm-variable {
    color: #263333;
}

.CodeMirror span.cm-variable-2 {
    color: #7587A6;
}

.CodeMirror span.cm-variable-3 {
    color: #7587A6;
}

.CodeMirror span.cm-def {
    color: #d37f00;
}

.CodeMirror span.cm-error {
  background-color: #d2edf0;
  color: #f15d21 !important;
}

.CodeMirror span.cm-bracket {
    color: #263333;
}

.CodeMirror span.cm-tag {
    color: #7587A6;
}

.CodeMirror span.cm-link {
    color: #A36AC7;
}

.CodeMirror .CodeMirror-matchingbracket {
    background-color: #d2edf0;
    color: #f15d21 !important;
    font-weight: bold;
}


/*
  Markdown editing
*/

.cm-s-default span.cm-header {
    color: #CF4A4C;
}

.cm-s-default span.cm-variable-2 {
    color: #7587A6;
}

.cm-s-default span.cm-comment {
    color: #7F7A80;
}

/*
  Img Caption style
*/

#md_img_caption {
    position: relative;
    z-index: 1000;
    display: none;
    background: blue;
    color: white;
    padding: 5px;
}