bootstrap-auto-dark-mode/README.md

20 lines
640 B
Markdown
Raw Normal View History

2023-06-08 16:44:41 +02:00
# bootstrap-auto-dark-mode
2023-06-08 17:09:24 +02:00
This script adds the missing auto-dark mode to the new theme feature of Bootstrap 5.3.
2023-06-08 17:09:24 +02:00
It switches the Bootstrap theme automatically between light and dark mode, depending on the system settings, if you set the `data-bs-theme` attribute of your <html> to `auto`.
2023-06-08 17:09:24 +02:00
## Usage
Use it by just including `bootstrap-auto-dark-mode.js` in your header and setting `data-bs-theme` to `auto`.
2023-06-08 17:09:24 +02:00
```html
<html lang="en" data-bs-theme="auto">
<head>
<!-- you code -->
<script src="./src/bootstrap-auto-dark-mode.js"></script>
</head>
<!-- your code -->
2023-06-08 17:09:24 +02:00
```