shaack/bootstrap-auto-dark-mode
1
0
Fork 0
mirror of https://github.com/shaack/bootstrap-auto-dark-mode.git synced 2025-12-06 07:42:03 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity
include this script to set the bootstrap 5.3 dark-mode automatically based on system settings
5 commits 1 branch 0 tags 36 KiB
JavaScript 100%
Find a file
shaack c7ccd49930 auto dark mode is now only enabled, if you set the data-bs-theme to auto
2023-06-18 10:15:15 +02:00
src initial commit 2023-06-08 17:09:24 +02:00
.gitattributes initial commit 2023-06-08 17:09:24 +02:00
.gitignore initial commit 2023-06-08 17:09:24 +02:00
index.html auto dark mode is now only enabled, if you set the data-bs-theme to auto 2023-06-18 10:15:15 +02:00
LICENSE Initial commit 2023-06-08 16:44:41 +02:00
package.json auto dark mode is now only enabled, if you set the data-bs-theme to auto 2023-06-18 10:15:15 +02:00
README.md auto dark mode is now only enabled, if you set the data-bs-theme to auto 2023-06-18 10:15:15 +02:00

README.md

bootstrap-auto-dark-mode

This script adds the missing auto-dark mode to the new theme feature of Bootstrap 5.3.

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.

Usage

Use it by just including bootstrap-auto-dark-mode.js in your header and setting data-bs-theme to auto.

    <html data-bs-theme="auto">
        <head>
            <!-- you code -->
            <script src="./src/bootstrap-auto-dark-mode.js"></script>
        </head>
        <!-- your code -->
        …