index.css

:root {
    /* background color */
    --main: #111827;

    /* Toolbar and popover */
    --primary: #0f172a;

    /* On hover or selected */
    --selected: rgba(255, 255, 255, 0.2);

    /* Border color */
    --border: #1e293b;

    /* Text and icon colors */
    --text: white;
}

* {
    padding: 0;
    margin: 0;
    font-family: sans-serif;
}
.dark {
    background-color: var(--main);
}

.dark .ce-toolbar__plus,
.dark .ce-toolbar__settings-btn,
.dark .ce-popover-item__title,
.dark .ce-popover-item__icon {
    color: var(--text);

}

.dark .cdx-search-field.ce-popover__search {
    background-color: #1e293b4d;
    border-color: var(--border);
}

.dark .cdx-search-field__input {
    color: var(--text);
}

.dark .cdx-block,
.dark .ce-block {
    color: var(--text);
}

.dark .ce-inline-toolbar,
.dark .ce-conversion-tool__icon,
.dark .ce-popover-item__icon,
.dark .ce-popover__item-icon {
    color: var(--text);
    border-color: var(--border);
}

.dark .ce-popover,
.dark .ce-conversion-toolbar,
.dark .ce-inline-toolbar,
.dark .ce-popover,
.dark .ce_popover__container {
    background-color: var(--primary);
    border-color: var(--border);
    box-shadow: 0 3px 15px -3px var(--border);
}
.dark .ce-popover--opened > .ce-popover__container {
    @apply opacity-100 pointer-events-auto border;
    animation: panelShowing .1s ease;
    border-color: var(--border);
    background-color: var(--primary);

}


.dark .ce-inline-tool:hover,
.dark .ce-inline-toolbar__dropdown:hover,
.dark .ce-toolbar__plus:hover,
.dark .ce-toolbar__settings-btn:hover,
.dark .ce-conversion-tool:hover,
.dark .ce-popover-item:hover {
    background-color: var(--selected);
}

.dark *::selection,
.dark .ce-block.ce-block--selected .ce-block__content {
    background-color: var(--selected);
}

.dark .ce-popover__items {
    scrollbar-color: var(--border) var(--main);
}
/* table class wrapper */
.dark .tc-wrap,
.dark .tc-wrap * {
    --color-border: var(--border);
    --color-text-secondary: var(--text);
    --color-background: var(--selected);
    --toggler-dots-color: var(--selected);
    --toggler-dots-color-hovered: var(--text);
}

@media (max-width: 650px) {
    .dark .ce-toolbar__settings-btn,
    .dark .ce-toolbar__plus {
        background-color: var(--primary);
        border-color: var(--border);
        box-shadow: 0 3px 15px -3px var(--border);
    }
}