Browse Source

Codemirror theming tweaks (#3962)

* Use the Codemirror theme for its dialog in text documents.

* Only override cursor color in inline editors.
Ian Rose 7 năm trước cách đây
mục cha
commit
466969c311
1 tập tin đã thay đổi với 5 bổ sung5 xóa
  1. 5 5
      packages/codemirror/style/index.css

+ 5 - 5
packages/codemirror/style/index.css

@@ -36,8 +36,9 @@
 }
 
 
-.CodeMirror-dialog {
+.jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-dialog {
   background-color: var(--jp-layout-color0);
+  color: var(--jp-content-font-color1);
 }
 
 
@@ -62,15 +63,14 @@
   cursor: text;
 }
 
-
-.CodeMirror-cursor {
+.jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-cursor {
   border-left: 1.4px solid var(--jp-editor-cursor-color);
 }
 
 
 /* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
 @media screen and (min-width: 2138px) and (max-width: 4319px)  {
-    .CodeMirror-cursor {
+    .jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-cursor {
         border-left: 2px solid var(--jp-editor-cursor-color);
     }
 }
@@ -78,7 +78,7 @@
 
 /* When zoomed out less than 33% */
 @media screen and (min-width: 4320px)  {
-    .CodeMirror-cursor {
+    .jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-cursor {
         border-left: 4px solid var(--jp-editor-cursor-color);
     }
 }