MyBB Community Forums

Full Version: Sceditor textarea color style (Dark Themes)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
1 - Create sceditor.css (Admin CP > Templates & Style > Themes > Add Stylesheet) and add:


.sceditor-container iframe, .sceditor-container textarea {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
}

div.sceditor-toolbar {
    padding: 5px !important;
    background: #444a84 !important;
    border-bottom: none !important;
}

div.sceditor-group {
    background: none !important;
    margin: 0 !important;
    border-bottom: none!important;
}

.sceditor-container {
    background: black !important;
    border: 1px solid #444a84 !important;
}

html, body, p, code:before, table {
    color: white !important;
}

.sceditor-button {
    border: none!important;
}	
(2018-12-04, 02:49 PM)Anka06 Wrote: [ -> ]1 - Create sceditor.css (Admin CP > Templates & Style > Themes > Add Stylesheet) and add:


.sceditor-container iframe, .sceditor-container textarea {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;

-- SNIP --

.sceditor-button {
    border: none!important;
}	

You need to give more details on this.

Exactly WHERE is this file supposed to be put in? Which folder?

How is this accessed from the AdminCP? (as shown in the screenshot)

[Image: f1c4df7a715cff2046d90080c8786885.png]
(2018-12-04, 03:51 PM)Serpius Wrote: [ -> ]
(2018-12-04, 02:49 PM)Anka06 Wrote: [ -> ]1 - Create sceditor.css (Admin CP > Templates & Style > Themes > Add Stylesheet) and add:


.sceditor-container iframe, .sceditor-container textarea {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;

-- SNIP --

.sceditor-button {
    border: none!important;
}	

You need to give more details on this.

Exactly WHERE is this file supposed to be put in? Which folder?

How is this accessed from the AdminCP? (as shown in the screenshot)

[Image: f1c4df7a715cff2046d90080c8786885.png]

applies to all editors