Tutor LMS pages not inheriting Woodmart dark theme

I’m using the Game Dark pre-built demo, as I want the entire site to be dark-themed.

I recently integrated Tutor LMS to sell courses via WooCommerce (users purchase a course product, and lessons unlock after successful payment). Tutor LMS automatically created several pages, such as:

• Student Dashboard
• Course pages
• Lesson pages

The issue is that all Tutor LMS–generated pages and elements are using a light/white color scheme, which completely breaks the dark theme design. These pages also don’t seem to be editable with Elementor, so I can’t visually adjust the colors.

My questions are:

1. How can I make Tutor LMS pages inherit Woodmart’s dark theme colors / variables?
2. Is there a way to apply Woodmart’s dark mode features to these newly generated pages?
3. If not natively supported, can this be achieved via custom CSS, hooks, or code snippets?

Are there any recommended guidelines or best practices for using Tutor LMS with Woodmart in a fully dark-themed site?
Right now the contrast looks quite bad, and I’ve attached screenshots to show the issue.

Any help, guidance, or sample code would be really appreciated.

Attachments:

You must be logged in to view attached files.

Hello,

Tutor LMS pages are styled by the plugin itself, not by the theme. The Game Dark demo does not apply a global dark mode to third-party plugins automatically.

Because of this:

Tutor LMS does not inherit WoodMart’s dark colors by default. There is no built-in WoodMart option to force Tutor LMS into dark mode. Tutor LMS layouts are not fully editable with Elementor.

To match the dark design, you’ll need to adjust Tutor LMS styles via plugin settings.

Best Regards,

[Author]

Posts