#11668 Add blacktheme style in news text editor

This commit is contained in:
miguel angel rasteu 2023-06-28 12:16:46 +02:00
parent 53eef0d7d6
commit 1d5fdbf6e6
1 changed files with 122 additions and 0 deletions

View File

@ -1690,3 +1690,125 @@ a.pandora_pagination,
line-height: 18px;
}
}
/*tox tinymce blacktheme*/
.tox {
border: 2px solid #333;
background-color: #333 !important;
}
.tox-tinymce {
border: 2px solid #333 !important;
background-color: #333 !important;
}
.tox .tox-editor-container {
background-color: #333 !important;
}
.tox .tox-editor-header {
background-color: #333 !important;
}
.tox .tox-menubar {
background-color: #333 !important;
}
.tox .tox-mbtn,
.tox-collection__item-label,
.tox-collection__item-accessory,
.tox-menu-nav__js,
.tox-collection__group,
.tox-menu,
.tox-collection,
.tox-collection--list {
color: #fff !important;
background-color: #333 !important;
}
.tox .tox-mbtn:hover {
color: #fff !important;
background-color: #000 !important;
}
.tox .tox-menu-nav__js:hover > div,
.tox-menu-nav__js:hover {
color: #fff !important;
background-color: #000 !important;
}
.tox .tox-mbtn--active {
background-color: #000 !important;
}
.tox-insert-table-picker__label {
color: #fff !important;
}
.tox .tox-toolbar-overlord > div,
.tox-toolbar-overlord {
color: #fff !important;
background-color: #333 !important;
}
.tox .tox-toolbar__group > button {
color: #fff !important;
background-color: #333 !important;
}
.tox .tox-toolbar__group > button:hover {
color: #fff !important;
background-color: #000 !important;
}
.tox .tox-toolbar__group .tox-tbtn--bespoke {
border-style: solid;
border-color: #fff;
border-width: 1px;
}
.tox .tox-toolbar__group .tox-tbtn--bespoke:hover {
border-style: solid;
border-color: #000;
border-width: 1px;
}
:root {
--white: #fff;
--grey: #333;
--black: #000;
}
.tox .tox-toolbar__group svg {
filter: invert(100%);
}
.tox .tox-sidebar-wrap > div,
.tox-sidebar-wrap {
color: #fff !important;
background-color: #333 !important;
}
.tox .tox-edit-area__iframe {
color: #fff !important;
background-color: #666 !important;
}
.tox .tox-statusbar {
color: #fff !important;
background-color: #333 !important;
}
.tox .tox-statusbar__text-container {
color: #fff !important;
background-color: #333 !important;
}
.tox .tox-statusbar__path > div {
color: #fff !important;
background-color: #333 !important;
}
.tox .tox-statusbar__resize-handle > svg {
filter: invert(100%);
}