Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

We need an official Wpforo dark mode!!

5 Posts
3 Users
1 Reactions
460 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: 5648

@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: 5648

@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