jodit
Version:
Jodit is awesome and usefully wysiwyg editor with filebrowser
150 lines (121 loc) • 3.14 kB
text/less
/*!
* Jodit Editor (https://xdsoft.net/jodit/)
* Released under MIT see LICENSE.txt in the project root for license information.
* Copyright (c) 2013-2020 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
*/
@import (reference) '../variables';
.jodit_theme_dark {
--color-border: #6b6b6b;
.jodit-toolbar-collection,
.jodit-toolbar-editor-collection {
&_mode_horizontal {
&:after {
background-color: var(--color-border);
}
}
}
&.jodit-container {
background-color: var(--dark_background_color);
}
&.jodit-container.jodit_disabled {
background-color: var(--dark_background_color);
}
&.jodit-container:not(.jodit_inline) .jodit-workplace {
border-color: var(--dark_background_color);
}
.jodit-popup {
&__content {
background: var(--dark_background_color);
}
}
.jodit-ui-button,
.jodit-toolbar-button {
&__text {
color: var(--dark_text_color);
}
&,
&__button,
&__trigger {
&:hover:not([disabled]) {
background-color: var(--dark_background_ligher);
}
}
}
.jodit-status-bar {
background-color: rgba(95, 92, 92, 0.8);
border-color: rgba(95, 92, 92, 0.8);
&,
.jodit-status-bar__item span {
color: var(--dark_text_color);
}
}
.jodit-toolbar__box:not(:empty) {
background: var(--dark_toolbar_color);
}
.jodit__upload-button svg,
.jodit-toolbar-button .jodit-toolbar-button__trigger,
.jodit-icon {
fill: var(--dark_icon_color);
}
.jodit-icon-close {
stroke: var(--dark_icon_color);
}
.jodit-wysiwyg_iframe,
.jodit-wysiwyg {
background-color: var(--dark_background_color);
color: var(--dark_text_color);
}
.jodit-form textarea,
.jodit-form input[type='url'],
.jodit-form input[type='text'] {
background-color: var(--dark_toolbar_seperator_color1);
border-color: var(--dark_toolbar_seperator_color2);
color: var(--dark_text_color);
}
.jodit-form button {
background-color: var(--dark_toolbar_seperator_color3);
color: var(--dark_text_color);
}
.jodit-placeholder {
color: var(--dark_text_color_opacity80);
}
.jodit-drag-and-drop__file-box,
.jodit_uploadfile_button {
color: var(--dark_text_color);
&:hover {
background-color: var(--dark_toolbar_seperator_color3);
}
}
.jodit-add-new-line {
&::before {
border-top-color: var(--dark_toolbar_seperator_color2);
}
span {
background: var(--dark_toolbar_seperator_color3);
border-color: var(--dark_toolbar_seperator_color2);
svg {
fill: var(--dark_text_color);
}
}
}
.jodit-resizer > i {
background: var(--dark_toolbar_seperator_color3);
border-color: var(--dark_icon_color);
}
.jodit-select,
.jodit-input {
color: var(--dark_border_color);
border-color: var(--dark_border_color);
background-color: var(--dark_background_ligher);
}
&.jodit-dialog__box .jodit-dialog {
background-color: var(--dark_background_color);
.jodit-filebrowser__files.active .jodit-filebrowser__files-item,
.jodit-dialog__header {
border-color: var(--dark_border_color);
}
.jodit-filebrowser__files.active .jodit-filebrowser__files-item-info {
background-color: var(--dark_text_color);
}
}
}