.theme-dark .tui-editor-defaultUI-toolbar,
.theme-dark .tui-editor-defaultUI-toolbar button,
.theme-dark .te-ww-container,
.theme-dark .tui-toolbar-divider{
    @apply bg-gray-700 !important;
}

.theme-dark .tui-editor-defaultUI-toolbar button,
.theme-dark .te-toolbar-section,
.theme-dark .tui-editor-defaultUI{
    @apply border-gray-600;
}

.theme-dark .tui-editor-defaultUI .te-mode-switch-section{
    @apply bg-gray-700 border-t border-gray-600 !important;
}

.theme-dark .tui-editor{
    @apply text-gray-400;
}

.theme-dark .tui-editor-defaultUI .te-switch-button{
    @apply bg-gray-700 text-gray-400 border-gray-600;
}

.theme-dark .tui-editor-defaultUI .te-switch-button.active{
    @apply bg-gray-600 text-gray-400 border-gray-600;

}
/* Titres */
.theme-dark .tui-editor-contents h1,
.theme-dark .tui-editor-contents h2,
.theme-dark .tui-editor-contents h3,
.theme-dark .tui-editor-contents h4,
.theme-dark .tui-editor-contents h5,
.theme-dark .tui-editor-contents h6{
    @apply text-gray-400;
}
/** Listes */
.theme-dark .tui-editor-contents ul,
.theme-dark .tui-editor-contents menu,
.theme-dark .tui-editor-contents ol,
.theme-dark .tui-editor-contents dir{
    @apply text-gray-400
}

.tui-editor-contents{
    @apply text-base font-sans !important;
}

.tui-editor-contents pre{
    @apply bg-gray-700 text-white p-4 rounded-md my-6 !important;
}

.tui-editor-contents p:first-child h2:first-of-type{
    @apply pt-0 mt-0 !important;
}
.tui-editor-contents p{
    @apply mt-4 mb-8;
}

.tui-editor-contents h2{
    @apply pt-8 font-semibold text-2xl;
}

.tui-editor-contents h3{
    @apply mt-6 font-semibold text-xl;
}
.tui-editor-contents a{
    @apply text-blue-600 underline;
}
.tui-editor-contents a:hover{
     @apply text-gray-700;
 }
.tui-editor-contents p > code{
    @apply bg-blue-100;
}