@@ -12,16 +12,16 @@ myst:
1212# Color modes
1313
1414Bootstrap 5.3 has introduced [ Color Modes] ( https://getbootstrap.com/docs/5.3/customize/color-modes/ ) .
15- This chapter is a guide for how to implement color themes in Plone 6.
15+ This chapter is a guide for how to implement color themes in Plone 6.1.
1616
1717
1818(preferred-color-modes-label)=
1919
2020## Preferred color modes
2121
2222You will need to add some JavaScript functionality to set the Bootstrap theme to the user's preferred color scheme.
23- Add the JavaScript file to the ` browser/static ` folder of your Plone 6 project.
24- Register it in the ` browser/profiles/default/registry ` of your Plone 6 project.
23+ Add the JavaScript file to the ` browser/static ` folder of your Plone 6.1 project.
24+ Register it in the ` browser/profiles/default/registry ` of your Plone 6.1 project.
2525See {ref}` classic-ui-static-resources-registering-label ` for more information.
2626
2727``` js
@@ -71,8 +71,8 @@ If you want to add a theme toggler to your site, you can use the following examp
7171You will need to add some JavaScript functionality to the toggler.
7272The following code snippet is based on the [ Bootstrap 5.3 documentation] ( https://getbootstrap.com/docs/5.3/customize/color-modes/#javascript ) .
7373
74- Add the JavaScript file to the ` browser/static ` folder of your Plone 6 project.
75- Register it in the ` browser/profiles/default/registry ` of your Plone 6 project.
74+ Add the JavaScript file to the ` browser/static ` folder of your Plone 6.1 project.
75+ Register it in the ` browser/profiles/default/registry ` of your Plone 6.1 project.
7676See {ref}` classic-ui-static-resources-registering-label ` for more information.
7777
7878``` js
@@ -141,8 +141,12 @@ See the following example.
141141<form data-bs-theme =' light' >
142142 <div class =" mb-3" >
143143 <label for =" exampleInputEmail1" class =" form-label" >Email address</label >
144- <input type =" email" class =" form-control" id =" exampleInputEmail1 " aria-describedby =" emailHelp" >
144+ <input type =" email" class =" form-control" id =" exampldescribtioneInputEmail1 " aria-describedby =" emailHelp" >
145145 </div >
146146 <button type =" submit" class =" btn btn-primary" >Submit</button >
147147</form >
148148```
149+
150+ ## Using color modes in Plone 6.0
151+
152+ There is also the possibility to use the color modes in Plone 6.0 by manually include ` barceloneta=3.1.0 ` and ` plone.staticresources=2.1.0 ` .
0 commit comments