Custom sceditor
<div style="text-align: left;" class="mycode_align">I only saw one other thread on this and want to give an updated version. In the other thread, they required you to invert all the colors. In this updated version the only problem is I can't figure out how to make the starting text color white. Anyways, go to your themes stylesheets page and create one and call it "sceditor" then post the following css code in it.<br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.sceditor-container {
background: #333 !important;
border: 2px solid #2f3b5d !important;
color: white !important;
}
div.sceditor-toolbar {
padding: 5px !important;
background: #2f3b5d !important;
border-bottom: none !important;
}
div.sceditor-group {
background: #222 !important;
margin: 0 !important;
border-bottom: none!important;
}
.sceditor-container textarea {
color: white !important;
}
.sceditor-button {
border: none!important;
}
.sceditor-container iframe, .sceditor-container textarea {
background: #333 !important;
color: white !important;
</code></pre><br />
yes the last one doesn't have an ending "}"<br />
<br />
</div>
<img src=" " data-original-url="https://i.imgur.com/fN0kNXx.png" loading="lazy" alt="[Image: fN0kNXx.png]" class="mycode_img" />
<div style="text-align: left;" class="mycode_align">I only saw one other thread on this and want to give an updated version. In the other thread, they required you to invert all the colors. In this updated version the only problem is I can't figure out how to make the starting text color white. Anyways, go to your themes stylesheets page and create one and call it "sceditor" then post the following css code in it.<br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.sceditor-container {
background: #333 !important;
border: 2px solid #2f3b5d !important;
color: white !important;
}
div.sceditor-toolbar {
padding: 5px !important;
background: #2f3b5d !important;
border-bottom: none !important;
}
div.sceditor-group {
background: #222 !important;
margin: 0 !important;
border-bottom: none!important;
}
.sceditor-container textarea {
color: white !important;
}
.sceditor-button {
border: none!important;
}
.sceditor-container iframe, .sceditor-container textarea {
background: #333 !important;
color: white !important;
</code></pre><br />
yes the last one doesn't have an ending "}"<br />
<br />
</div>
<img src=" " data-original-url="https://i.imgur.com/fN0kNXx.png" loading="lazy" alt="[Image: fN0kNXx.png]" class="mycode_img" />