fix: light background in nested ckeditor unless dark mode (#1372)

e836a497 · alancnet · Nicolas Giard · 1b749e7b · e836a497
Commit e836a497 authored Jan 13, 2020 by alancnet Committed by Nicolas Giard Jan 13, 2020
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 1 deletion

editor-ckeditor.vue client/components/editor/editor-ckeditor.vue +5 -1

No files found.
--- a/client/components/editor/editor-ckeditor.vue
+++ b/client/components/editor/editor-ckeditor.vue
@@ -179,7 +179,11 @@ $editor-height-mobile: calc(100vh - 56px - 16px);
    &.ck .ck-editor__nested-editable:focus,
    .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
    .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused {
-      background-color: mc('grey', '900');
+      background-color: mc('grey', '100');
+
+      @at-root .theme--dark & {
+        background-color: mc('grey', '900');
+      }
    }
  }
 }