Tabs don't switch to dark mode

[mdorier]

Describe the bug

I am using the sphinx_book_theme and I enabled the light/dark button. I am using group_tabs to show multiple codes as follows:

  .. tabs::

     .. group-tab:: C++

        .. literalinclude:: ../_code/energy_topic.cpp
           :language: cpp
           :start-after: START CREATE TOPIC
           :end-before: END CREATE TOPIC
           :dedent: 8

     .. group-tab:: Python

        Work in progress...

     .. group-tab:: mofkactl

        Work in progress...

With the light mode this is what is shown:

With dark mode, this is what I have:

The code itself switched to its dark theme, however the tab around it and the tabs' titles stay on light mode.

expectation

I would expect the tabs to also switch to a dark theme.

Reproduce the bug

Example of site reproducing the problem: https://mofka.readthedocs.io/en/latest/usage/topics.html#creating-a-topic
The source is here: https://github.com/mochi-hpc/mofka/tree/b440d2ed2b2cea788044718c76890d647f50b1a1/docs

List your environment

No response

[welcome]

Thanks for opening your first issue here! Engagement like this is essential for open source projects! 🤗

If you haven't done so already, check out EBP's Code of Conduct. Also, please try to follow the issue template as it helps other community members to contribute more effectively.

If your issue is a feature request, others may react to it, to raise its prominence (see Feature Voting).

Welcome to the EBP community! 🎉

[mdorier]

In the above images at least the code shows up in dark mode, but when I add text, the text has the dark-mode color, on top of a light-mode background, making it unreadable:

[mdorier]

Potential fix (I don't know much about CSS, this is from playing around in developer mode on Firefox, disabling some properties of the CSS):

• Line 12 of tabs.css, remove color: #1D5C87;
• Line 29 remove background-color: white;
• Line 44 remove background: white;

These lines seem to force colors that are not theme-dependent.