60 lines
1.8 KiB
CSS
60 lines
1.8 KiB
CSS
|
|
|
|
|
|
/* Editor background */
|
|
.tox .tox-editor-container {
|
|
@apply bg-midnightBlueTheme-mainBG dark:bg-dark-800 !important;
|
|
}
|
|
|
|
/* Toolbar background */
|
|
.tox .tox-toolbar,
|
|
.tox .tox-editor-header,
|
|
.tox .tox-menu,
|
|
.tox .tox-menubar,
|
|
.tox .tox-toolbar__primary {
|
|
@apply bg-midnightBlueTheme-cardColor dark:bg-dark-800 !important;
|
|
}
|
|
|
|
.tox .tox-collection--toolbar .tox-collection__item--active, .tox .tox-collection--toolbar .tox-collection__item--enabled {
|
|
@apply bg-midnightBlueTheme-diversityMain dark:bg-dark-600 !important;
|
|
}
|
|
|
|
/* Toolbar button color */
|
|
.tox .tox-toolbar__group button, .tox .tox-mbtn {
|
|
@apply text-midnightBlueTheme-text dark:text-white !important;
|
|
}
|
|
|
|
.tox .tox-tbtn svg {
|
|
@apply fill-midnightBlueTheme-text dark:text-white !important;
|
|
}
|
|
|
|
/* Toolbar button hover/active state */
|
|
.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover, .tox .tox-tbtn:hover, .tox .tox-mbtn:hover {
|
|
@apply bg-midnightBlueTheme-diversityMain dark:bg-dark-600 !important;
|
|
}
|
|
|
|
/* Status bar styles */
|
|
.tox .tox-statusbar, .tox {
|
|
@apply bg-midnightBlueTheme-mainBG dark:bg-dark-800 text-midnightBlueTheme-text dark:text-white !important;
|
|
}
|
|
|
|
.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {
|
|
@apply text-midnightBlueTheme-text dark:text-white !important;
|
|
|
|
}
|
|
|
|
/* Dropdown menu item text */
|
|
.tox .tox-collection__item {
|
|
@apply text-midnightBlueTheme-text dark:text-white !important;
|
|
}
|
|
|
|
/* Editor content area */
|
|
.tox.tox-tinymce {
|
|
@apply border border-midnightBlueTheme-outsideCardColor dark:border-dark-700 text-midnightBlueTheme-text dark:text-white !important;
|
|
}
|
|
|
|
/* Change the content area background color */
|
|
.tox .tox-edit-area__iframe {
|
|
@apply bg-midnightBlueTheme-mainBG dark:bg-dark-800 text-midnightBlueTheme-text dark:text-white !important;
|
|
}
|