Fix jupyter-sphinx css for dark mode

Author: kwankyu

src/doc/common/static/custom-jupyter-sphinx.css

@@ -63,6 +63,10 @@ body[data-theme="dark"] {
     background-color: black;
   }
 
+  .jupyter_container .highlight {
+    background-color: black;
+  }
+
   .thebelab-button {
     color: #d0d0d0;
     background-color: #383838;
@@ -92,39 +96,43 @@ body[data-theme="dark"] {
 }
 
 @media (prefers-color-scheme: dark) {
-  body[data-theme="auto"] { /* the same styles with body[data-theme="dark"] */
-    .jupyter_container {
-      color: white;
-      background-color: black;
-    }
-
-    .thebelab-button {
-      color: #d0d0d0;
-      background-color: #383838;
-    }
-
-    .thebelab-button:active {
-      color: #368ce2;
-    }
-
-    #thebelab-activate-button {
-      background-color: #383838;
-    }
-
-    #thebelab-activate-button:active {
-      color: #368ce2;
-    }
-
-    .thebelab-cell .jp-OutputArea-output {
-      color: white;
-      background-color: black;
-    }
-
-    .thebelab-cell .jp-OutputArea-output pre {
-      color: white;
-      background-color: black;
-    }
+ body[data-theme="auto"] { /* the same styles with body[data-theme="dark"] */
+  .jupyter_container {
+    color: white;
+    background-color: black;
+  }
+
+  .jupyter_container .highlight {
+    background-color: black;
+  }
+
+  .thebelab-button {
+    color: #d0d0d0;
+    background-color: #383838;
+  }
+
+  .thebelab-button:active {
+    color: #368ce2;
+  }
+
+  #thebelab-activate-button {
+    background-color: #383838;
+  }
+
+  #thebelab-activate-button:active {
+    color: #368ce2;
+  }
+
+  .thebelab-cell .jp-OutputArea-output {
+    color: white;
+    background-color: black;
+  }
+
+  .thebelab-cell .jp-OutputArea-output pre {
+    color: white;
+    background-color: black;
   }
+ }
 }