From 1d5fdbf6e6df05c79a500a2c2a254e629dad92b6 Mon Sep 17 00:00:00 2001 From: miguel angel rasteu Date: Wed, 28 Jun 2023 12:16:46 +0200 Subject: [PATCH] #11668 Add blacktheme style in news text editor --- .../include/styles/pandora_black.css | 122 ++++++++++++++++++ 1 file changed, 122 insertions(+) diff --git a/pandora_console/include/styles/pandora_black.css b/pandora_console/include/styles/pandora_black.css index a29f0cd44b..e30fad7fc1 100644 --- a/pandora_console/include/styles/pandora_black.css +++ b/pandora_console/include/styles/pandora_black.css @@ -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%); +}