[Docs] Colour modes for individual elements

[lonix1]

I wanted a light theme with some dark elements, so I applied data-bs-theme="dark" to those elements.

However that didn't change anything. So I also added either class="text-bg-dark" or class="bg-dark text-light", which worked - but I knew that was a hack.

Only after looking at the source for that "blue example" did I realise that one must do this:

<div data-bs-theme="dark" class="text-body bg-body">
  ...
</div>

That should probably be in the docs, it is fundamental.

[AbhishekSharma55]

Hi there,

I want to contribute to this project and take on this issue as my first task. Could you please assign it to me? I am excited to work towards resolving it and will keep the team updated on my progress.

Thanks