nuxt-bootstrap-css
Advanced tools
Comparing version
{ | ||
"name": "nuxt-bootstrap-css", | ||
"configKey": "bootstrapCSS", | ||
"version": "1.1.0" | ||
"version": "1.1.1" | ||
} |
{ | ||
"name": "nuxt-bootstrap-css", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "Quite the hassle to setup bootstrap, so here is the shortcut", | ||
"repository": "modbender/nuxt-bootstrap-css", | ||
"keywords": [ | ||
"vue", | ||
"vue.js", | ||
"vue3", | ||
"vue 3", | ||
"nuxt", | ||
"nuxt3", | ||
"nuxt 3", | ||
"bootstrap nuxt module", | ||
"bootstrap nuxt3", | ||
"css", | ||
"sass", | ||
"mobile-first", | ||
"responsive", | ||
"front-end", | ||
"framework", | ||
"web" | ||
], | ||
"license": "MIT", | ||
@@ -7,0 +25,0 @@ "type": "module", |
@@ -186,2 +186,19 @@ <h1 align="center"> | ||
## Dark Mode | ||
Bootstrap 5.3 introduced [Dark Mode](https://getbootstrap.com/docs/5.3/customize/color-modes/#dark-mode). | ||
Simply by adding attribute `data-bs-theme` to any element with value `light` or `dark` you can manipulate it's theme. | ||
Bootstrap 5.3 is already pre-configured with `light` and `dark` theme variables. But you can always create custom themes with custom variables to switch colors. | ||
With `color-mode` it's easy to configure Dark Mode for bootstrap. | ||
```js | ||
colorMode: { | ||
dataValue: 'bs-theme', | ||
classSuffix: '' | ||
} | ||
``` | ||
## Development | ||
@@ -188,0 +205,0 @@ |
11469
7.57%228
8.06%