The theme or???

[808server]

I have users who want to use a dark theme, but most/all seem to have weird issues with 2.1.4 of my install.

Double fonts, black on black test in the message body.

Since it's happening with all dark themes, I'm wondering if it's my SMF settings??

Thanks

[shawnb61]

I would report this to the specific theme(s).

[808server]

Thank you! That's what I needed to know.

[808server]

OK, in the default css folder: jquery.sceditor.default.css contains black for text.
How can I override this when the theme is dark?

When is the theme's version of jquery.sceditor.css used?

Thanks

Code Select Expand

html, p, code::before, table {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
line-height: 1.25;
overflow: visible;
}

[Diego Andrés]

Should probably ask in the support topic for that theme like Shawn said, the author would be able to provide better assistance.

[Kindred]

Put a copy in your custom theme's css folder and modify it...

[808server]

WOW! That easy?? Thank you!

[shawnb61]

Notes from this previous thread may help:

Actually, a few clarifications.  Been a while since I looked into this...  The fog is slowly lifting...

- jquery.sceditor.theme.css covers the appearance of the sceditor area.  From the rows of formatting buttons to the bottom of the textarea.
- jquery.sceditor.default.css covers the textarea ONLY, in WYSIWYG mode ONLY.

So if you want a unique appearance of the editor, e.g., buttons & toolbars, etc., update jquery.sceditor.theme.css in your theme folder.  It may help to start with a copy of jquery.sceditor.css from the default theme.

If you want to control WYSIWYG appearance within the editor textarea, update jquery.sceditor.default.css in your theme folder.  It may help to start with a copy of jquery.sceditor.default.css from the default theme.

The editor is a 3rd party plugin we use.  It accepts ONE custom css file as a parameter, specifically to support dynamic toggling of WYSIWYG mode.

That ONE file limitation for WYSIWYG mode makes certain tasks difficult, e.g., if you are trying to work on a theme with multiple color palette options such as light vs dark mode.  If you need to do that, you need to do some work via code & css vars to work around those limitations (e.g., like I did with my themes). 

Hope this helps.  Clarifications & corrections welcome, the fog may not have lifted fully yet...

[808server]

Thank you! Editing jquery.sceditor.default.css worked fine!
Since the theme was a dark theme, loading that css modified file works.
Very easy at the end!

[Steve]

Marking solved then.