adrema/resources/css/editor.css

.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;
}

.cdx-alert-primary {
    @apply bg-primary-800 text-primary-100 border-primary-700 !important;
}

.cdx-alert-secondary {
    @apply bg-teal-800 text-teal-100 border-teal-700 !important;
}
.cdx-alert-info {
    @apply bg-blue-800 text-blue-100 border-blue-700 !important;
}
.cdx-alert-success {
    @apply bg-green-800 text-green-100 border-green-700 !important;
}
.cdx-alert-warning {
    @apply bg-yellow-800 text-yellow-100 border-yellow-700 !important;
}
.cdx-alert-danger {
    @apply bg-red-800 text-red-100 border-red-700 !important;
}
.cdx-alert-light {
    @apply bg-gray-400 text-gray-800 border-gray-300 !important;
}
.cdx-alert-dark {
    @apply bg-gray-900 text-gray-200 border-gray-800 !important;
}