ckeditor/ckeditor5-theme-lark

/*
 * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
    --ck-color-table-focused-cell-background: hsla(208, 90%, 80%, .3);
}

.ck-widget.table {
    & td,
    & th {
        &.ck-editor__nested-editable.ck-editor__nested-editable_focused,
        &.ck-editor__nested-editable:focus {
            /* A very slight background to highlight the focused cell */
            background: var(--ck-color-table-focused-cell-background);

            /* Fixes the problem where surrounding cells cover the focused cell's border.
            It does not fix the problem in all places but the UX is improved.
            See https://github.com/ckeditor/ckeditor5-table/issues/29. */
            border-style: none;
            outline: 1px solid var(--ck-color-focus-border);
            outline-offset: -1px; /* progressive enhancement - no IE support */
        }
    }
}