UNPKG

jodit

Version:

Jodit is awesome and usefully wysiwyg editor with filebrowser

150 lines (121 loc) 3.14 kB
/*! * 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); } } }