diff options
author | Mark Otto <markdotto@gmail.com> | 2022-09-13 04:28:07 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2022-11-11 21:27:17 +0300 |
commit | d97284f028d26c9757289c3d1a9f616a8de918d5 (patch) | |
tree | 1911645c4f6d72712f5607c30ccead8e512f3bad | |
parent | 3ee8d679d803de1de7ae62bab472ce900080fdb1 (diff) |
Typos
-rw-r--r-- | site/content/docs/5.2/customize/color.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/site/content/docs/5.2/customize/color.md b/site/content/docs/5.2/customize/color.md index a7c299532b..b674a7d8df 100644 --- a/site/content/docs/5.2/customize/color.md +++ b/site/content/docs/5.2/customize/color.md @@ -48,7 +48,7 @@ For example, to change the color mode of a dropdown menu, add `data-bs-theme="li ### Nesting color modes -Use `data-bs-theme` on a nested element to change the color mode for a group of elements or components. In the example below, we have an outer dark mode with a nested light mode. You'll notice components naturally adapt their appearance without modifciation, but the nested `data-bs-theme="light"` needs help reseting some global styles. This is because `data-bs-theme` doesn't reset the globally declared `<body>` colors, so we have to add `.bg-body` and `.text-body`. +Use `data-bs-theme` on a nested element to change the color mode for a group of elements or components. In the example below, we have an outer dark mode with a nested light mode. You'll notice components naturally adapt their appearance without modification, but the nested `data-bs-theme="light"` needs help to reset some global styles. This is because `data-bs-theme` doesn't reset the globally declared `<body>` colors, so we have to add `.bg-body` and `.text-body`. {{< example class="" >}} <div data-bs-theme="dark"> |