Notifications
Clear all

We need an official Wpforo dark mode!!

5 Posts
3 Users
1 Reactions
336 Views
Posts: 1229
Topic starter
(@percysgrowroom)
Noble Member
Joined: 7 years ago

The forum is very bright! At night  when people want t visit the forum, it is very bright for your eyes when you're in a dark room. During the day its fine, but at night, it can be a real strain on the eyes. 

It is time we had an official dark mode for the forum IMO. I have spent some time making a dark mode version, but there is still issues due to the text reply box, and other things. 

Can we get a dark mode, or have the option to have the forum completely blacked out instead of the only option being bright white? That would be great. 


4 Replies
Posts: 138
(@cotner)
Estimable Member
Joined: 3 years ago

I have been using WP Dark Mode by WPPool for a few years. It's great site wide but you are correct about the text box. I have never been able to get the text box to work and gave up a long time ago.


Reply
3 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5579

@cotner 

Try the solution provided here: https://wpforo.com/community/how-to-and-troubleshooting-2/changing-background-color-of-tinymce-editor/#post-46394


Reply
(@percysgrowroom)
Joined: 7 years ago

Noble Member
Posts: 1229

@sofy Hi Sofy, i tried this, and yes it made the text box black for the darkmode, and it looks great, but, it also made it black for the light mode too. I want it white in light mode and black in dark mode. Can that be fixed?


Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5579

@percysgrowroom 

There is a small workaround you can try.

Here is the CSS code, please add it to the "Custom CSS code" textarea: 

body.wpf-dark .wpforo-cat-panel,
body.wpf-dark .mce-statusbar{
  background-color: rgba(50, 50, 50, 0.7) !important;
  color: #E0E0E0 !important;
}
body.wpf-dark .wpforo-cat-panel .cat-title,
body.wpf-dark .wpforo-cat-panel .cat-stat-posts,
body.wpf-dark .wpforo-cat-panel .cat-stat-topics,
body.wpf-dark .wpforo-cat-panel .cat-name{
   color: #E0E0E0 !important;
}
body.wpf-dark .wpf-field-type-tinymce iframe {
  filter: invert(1) hue-rotate(180deg) !important;
}

This code will work if you enable the wpForo dark mode. 


Reply