.ce-inline-toolbar,
.codex-editor--narrow .ce-toolbox,
.ce-conversion-toolbar,
.ce-settings,
.ce-settings__button,
.ce-toolbar__settings-btn,
.cdx-button,
.ce-popover,
.ce-toolbar__plus:hover {
    @apply bg-primary-700;
    color: inherit;
}

.ce-inline-tool-input {
    @apply bg-primary-700 text-primary-200 placeholder-primary-500;
}

.ce-block--selected {
    @apply bg-gray-800;
}

h2.ce-header {
    @apply font-semibold text-white text-xl mt-2;
}

h3.ce-header {
    @apply font-semibold text-white text-lg mt-2;
}

h4.ce-header {
    @apply font-semibold text-white mt-2;
}

.ce-block--selected .ce-block__content {
    @apply bg-gray-800;
}

.ce-conversion-tool__icon,
.ce-popover-item__icon {
    @apply bg-primary-800;
}

.ce-popover-item__title {
    @apply text-primary-200;
}

.ce-popover-item:hover:not(.ce-popover-item--no-hover) {
    @apply bg-primary-800;
}

.ce-inline-tool,
.ce-conversion-toolbar__label,
.ce-toolbox__button,
.cdx-settings-button,
.ce-toolbar__plus {
    color: inherit;
}

.codex-editor ::selection {
    @apply bg-blue-800;
}

.cdx-settings-button:hover,
.ce-settings__button:hover,
.ce-toolbox__button--active,
.ce-toolbox__button:hover,
.cdx-button:hover,
.ce-inline-toolbar__dropdown:hover,
.ce-inline-tool:hover,
.ce-popover__item:hover,
.ce-toolbar__settings-btn:hover {
    background-color: #439a86;
    color: inherit;
}

.cdx-notify--error {
    background: #fb5d5d !important;
}

.cdx-notify__cross::after,
.cdx-notify__cross::before {
    background: white;
}