Prepare v1.2 pre-release

Author: Carl-Hugo

.github/workflows/main.yml

@@ -61,15 +61,15 @@ jobs:
  echo 'NpmPackageVersion: ${{ steps.nbgv.outputs.NpmPackageVersion }}'
 
  - run: npm install
- if: github.event_name == 'push'
+ #  if: github.event_name == 'push'
 
  - run: npm run build
- if: github.event_name == 'push'
+ #  if: github.event_name == 'push'
 
  - run: npm publish --access=public
  env:
  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
- if: github.event_name == 'push'
+ #  if: github.event_name == 'push'
 
  - uses: actions/create-release@v1
  env:

readme.md

@@ -121,6 +121,33 @@ See `./samples/html/prefers-light-default-dark.html` for a working example.
 
 > Note that the _print css_ is included in `bootstrap-dark.min.css`.
 
+## bootstrap-${default}-prefers-${specific}.css
+
+Those two stylesheets leverage the `prefers-color-scheme` CSS media query.
+They are a combination of two CSS.
+Their high-level structure looks like the following:
+
+```css
+/*
+DEFAULT STYLES (including print styles):
+bootstrap-light.css or bootstrap-dark.css
+*/
+@media (prefers-color-scheme: light|dark) {
+ /*
+ SPECIFIC COLOR STYLES:
+ bootstrap-prefers-light-color-only.css or bootstrap-prefers-dark-color-only.css
+ */
+}
+```
+
+Use by loading only that CSS (ex.: default: light with dark support):
+
+```html
+<link rel="stylesheet" href="/dist/css/bootstrap-light-prefers-dark.min.css" />
+```
+
+> You can also use jsdelivr CDN.
+
 # How to build
 
 If you want to build the theme manually, modify it or even contribute, this section explains how.
@@ -177,7 +204,7 @@ There is a few npm and gulp scripts.
  - `Services` are the web pages services; so far it's pretty thin.
  - `wwwroot` are the web assets; the `dist` files are copied there.
 - `assets` are the project assets (like the screenshot in the readme file).
-- `dist` are the redistributable files; if you want to copy/paste the files into your projects, that's the ones. They also include bootstrap JavaScript files, unaltered.
+- `dist` are the distributable files; if you want to copy/paste the files into your projects, that's the ones. They also include bootstrap JavaScript files, unaltered.
 - `scss` are the source theme files.
 - Other files (root): npm, license, readme, etc.
 
@@ -198,6 +225,28 @@ See [Contributing to ForEvolve open source projects](https://github.com/ForEvolv
 
 Since CI build numbers are automated, it is hard to know in advance what the next deployed build number will be, so the `(latest)` version represent that version.
 
+## 1.2.x (preview)
+
+_This version is not completed and could contain bugs._
+
+- Add `bootstrap-dark-prefers-light.css` which default to Bootstrap dark and display the light colors if the user's `prefers-color-scheme: light`.
+- Add `bootstrap-light-prefers-dark.css` which default to Bootstrap and display the dark colors if the user's `prefers-color-scheme: dark`.
+- Add `bootstrap-prefers-dark-color-only.css` which is only the colors of `bootstrap-prefers-dark.css`. This is autogenerated by `clean_non_color_attr.js`.
+- Add `bootstrap-prefers-light-color-only.css` which is only the colors of `bootstrap-prefers-light.css`. This is autogenerated by `clean_non_color_attr.js`.
+- Add `clean_non_color_attr.js` gulp plugin (based on `gulp-css-remove-attributes`).
+- Update .NET/Razor Pages sample to use these new CSS files.
+
+### Completed state
+
+- [x] default: light - prefers: light
+- [x] default: light - prefers: dark
+- [ ] default: dark - prefers: light
+- [x] default: dark - prefers: dark
+
+### Known issues
+
+- Color bugs in the dark/light theme are caused by color variables being set to `null` in Bootstrap and overridden in Bootstrap-dark.
+
 ## 1.1.0
 
 - Update `bootstrap-dark.css` to include the `.navbar-themed` class (dark version).

version.json

@@ -1,6 +1,6 @@
 {
  "$schema": "https://raw.githubusercontent.com/dotnet/Nerdbank.GitVersioning/master/src/NerdBank.GitVersioning/version.schema.json",
- "version": "1.1.0",
+ "version": "1.2.0",
  "publicReleaseRefSpec": ["^refs/heads/(main|master)$"],
  "cloudBuild": {
  "buildNumber": {