RT 5.0.0 and dark theme

Hi,

I set a new dark theme and can’t see the text if I want to add a comment.

What is the RT version shown in the footer in the web UI? Do you have any custom CSS for your RT?

Version is 5.0.0 as stated in the subject. Custom css not used.

My RT5 comment box looks like this

Could be some style caching from older RT, maybe try a hard page refresh

The text I write is visible, you can’t see the text I’m commenting on.

I performed a clean installation on the test machine and the problem is the same.

The text is white and that is a problem.

On our RT5 beta 2 install the quoted comment is visible, but it is a light grey on a peachy coloured background so not terribly good contrast.

Had a quick look: it appears you can fix this with a local CSS file. Create a directory called /opt/rt5/local/static/RichText and in there copy the file `/opt/rt5/share/static/RichText/contents-dark.css``. Then edit the new local copy and change the hex colour value in the third line. So for example I have a nice red text with:

/* main input color */                                                          
.cke_editable {
    color: #f70101 !important;
}

Flush your Mason cache, restart the web server and then take a look (you might need to shift-reload your web browser if it caches the CSS style sheet).

If you want a really Goth look, try this:

/* main input color */                                                          
.cke_editable {
    color: #ededed;
    background-color: #020202;
}

:slight_smile:

2 Likes

The solution from @GreenJimll is working fine although the forward text area and the new ticket creation text area suffer from the same issue.

To solve this issue :

  1. Create the local directory “mkdir -p /opt/rt5/local/static/RichText/skins/bootstrapck/”

  2. Copy each browsers file

    • For Chrome “cp /opt/rt5/share/static/RichText/skins/bootstrapck/editor.css /opt/rt5/local/static/RichText/skins/bootstrapck/”

    • For Firefox “cp /opt/rt5/share/static/RichText/skins/bootstrapck/editor_gecho.css /opt/rt5/local/static/RichText/skins/bootstrapck/”

  3. Edit all of the files above and add the line below

    • .darkmode #cke_Content .cke_contents .cke_wysiwyg_frame{background-color: #fff !important;}
  4. Save changes, delete mason cache, restart Apache, delete your browser’s local cache

  5. Done

I also filled a bug report https://rt.bestpractical.com/Ticket/Display.html?id=36828

1 Like

It looks like dark theme fixes were merged into the stable branch for the next rerelease as well