aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.3/customize
diff options
context:
space:
mode:
authorJulien Déramond <[email protected]>2023-04-05 08:10:47 +0200
committerGitHub <[email protected]>2023-04-05 09:10:47 +0300
commitd0cc42c009c2f680e2fdfd3df4cf06b90d0bfd09 (patch)
treedf87e51483f2260d5278805e4f4eef32438e2636 /site/content/docs/5.3/customize
parentb62fd60a6dd3e5171bf045e7dc0750fdd45a0b27 (diff)
downloadbootstrap-d0cc42c009c2f680e2fdfd3df4cf06b90d0bfd09.tar.xz
bootstrap-d0cc42c009c2f680e2fdfd3df4cf06b90d0bfd09.zip
Docs: add missing `twbs/examples` and change sorting (#38407)
* Docs: add missing twbs/examples * Change sorting of examples.yml --------- Co-authored-by: XhmikosR <[email protected]>
Diffstat (limited to 'site/content/docs/5.3/customize')
-rw-r--r--site/content/docs/5.3/customize/color-modes.md4
1 files changed, 4 insertions, 0 deletions
diff --git a/site/content/docs/5.3/customize/color-modes.md b/site/content/docs/5.3/customize/color-modes.md
index c6f9bef20..2f1b774cb 100644
--- a/site/content/docs/5.3/customize/color-modes.md
+++ b/site/content/docs/5.3/customize/color-modes.md
@@ -7,6 +7,10 @@ toc: true
added: "5.3"
---
+{{< callout >}}
+**Try it yourself!** Download the source code and working demo for using Bootstrap with Stylelint, and the color modes from the [twbs/examples repository](https://github.com/twbs/examples/tree/main/color-modes). You can also [open the example in StackBlitz](https://stackblitz.com/github/twbs/examples/tree/main/color-modes?file=index.html).
+{{< /callout >}}
+
## Dark mode
**Bootstrap now supports color modes, starting with dark mode!** With v5.3.0 you can implement your own color mode toggler (see below for an example from Bootstrap's docs) and apply the different color modes as you see fit. We support a light mode (default) and now dark mode. Color modes can be toggled globally on the `<html>` element, or on specific components and elements, thanks to the `data-bs-theme` attribute.