Dark mode - How-to and Troubleshooting - wpForo 2.0

RE: Dark mode

dimalifragis — Wed, 25 May 2022 11:42:29 +0000

@vijiki I think you should invest some time to learn the basics of css. That will give you the freedom you want.

RE: Dark mode

Vijiki — Wed, 25 May 2022 10:51:01 +0000

I wanna change the color of the following container

Profile

RE: Dark mode

Chris — Tue, 24 May 2022 10:57:45 +0000

@vijiki,

try this:

.wpforo-widget-content .wpforo-list-item .wpforo-list-item-right .posttitle a {
    color: white !important;
}
.wpforo-widget-content .wpforo-list-item .wpforo-list-item-right .postuser{
    color: #c81a1a !important;
}
.wpforo-widget-content .wpforo-list-item .wpforo-list-item-right .postuser a{
    color: #00a636 !important;
}

RE: Dark mode

Vijiki — Tue, 24 May 2022 10:33:38 +0000

I wanna change the text color of the Recent topics widget, something like this

Screenshot_20220524-113250.png

RE: Dark mode

Chris — Tue, 24 May 2022 10:23:36 +0000

@vijiki,

Which block and text do you mean?

RE: Dark mode

Chris — Tue, 24 May 2022 10:20:08 +0000

@vijiki,

Clean your cache from Dashboard > Forums > Dashboard, Delete All Cache, then press CTRL+F5 twice in the browser.

RE: Dark mode

Vijiki — Tue, 24 May 2022 10:16:16 +0000

The recent topics widget: I can't see a place to change the text and block color

Is there any css script for that

Screenshot_20220524-102359.png

RE: Dark mode

Vijiki — Tue, 24 May 2022 10:04:30 +0000

@chris thanks

Step one is still showing white background

RE: Dark mode

Chris — Tue, 24 May 2022 09:43:08 +0000

Sue the below CSS for blockquotes:

blockquote p::before, .wp-block-quote p::before, .wp-block-quote.is-style-large p::before, .wp-block-quote.has-text-align-right p::before {
display: none;
}
#wpforo #wpforo-wrap .wpforo-post blockquote, #wpforo #wpforo-wrap .wpforo-revision-body blockquote {
background-color: grey;
}

RE: Dark mode

Chris — Tue, 24 May 2022 09:27:43 +0000

@vijiki,

Add the below code in your active theme functions.php file for the editor background color.

add_filter('wpforo_editor_settings', function($s){
   $s .= "body{background-color:#ccffcc; color:#000000;}";
   return $s;
});

Use this CSS for the Choose File button:

#wpforo #wpforo-wrap .wpf-field-wrap .wpf-extra-fields .wpf-default-attachment input::file-selector-button {
  border: 2px solid #a29bfe;
  background-color: #a29bfe;
}