#11668 Add blacktheme style in news text editor
This commit is contained in:
parent
53eef0d7d6
commit
1d5fdbf6e6
|
@ -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%);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue