|
1 | 1 | # Prefers Color Scheme [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
|
2 | 2 |
|
3 |
| -[<img alt="npm version" src="https://img.shields.io/npm/v/css-prefers-color-scheme.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/prefers-color-scheme-query.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/prefers-color-scheme-query.svg" height="20">][css-url] |
4 |
| - |
5 |
| -```bash |
6 |
| -npm install css-prefers-color-scheme --save-dev |
7 |
| -``` |
| 3 | +`npm install css-prefers-color-scheme --save-dev` |
8 | 4 |
|
9 | 5 | [Prefers Color Scheme] lets you use light and dark color schemes in all browsers, following the [Media Queries] specification.
|
10 | 6 |
|
@@ -77,16 +73,7 @@ postcss([
|
77 | 73 | ]).process(YOUR_CSS /*, processOptions */);
|
78 | 74 | ```
|
79 | 75 |
|
80 |
| -[Prefers Color Scheme] runs in all Node environments, with special |
81 |
| -instructions for: |
82 | 76 |
|
83 |
| -- [Node](INSTALL.md#node) |
84 |
| -- [PostCSS CLI](INSTALL.md#postcss-cli) |
85 |
| -- [PostCSS Load Config](INSTALL.md#postcss-load-config) |
86 |
| -- [Webpack](INSTALL.md#webpack) |
87 |
| -- [Next.js](INSTALL.md#nextjs) |
88 |
| -- [Gulp](INSTALL.md#gulp) |
89 |
| -- [Grunt](INSTALL.md#grunt) |
90 | 77 |
|
91 | 78 | ## Options
|
92 | 79 |
|
|
146 | 133 |
|
147 | 134 | ```html
|
148 | 135 | <!-- When using a CDN url you will have to manually update the version number -->
|
149 |
| -<script src="https://unpkg.com/css-prefers-color-scheme@9.0.1/dist/browser-global.js"></script> |
| 136 | +<script src="https://unpkg.com/css-prefers-color-scheme@10.0.0/dist/browser-global.js"></script> |
150 | 137 | <script>prefersColorSchemeInit()</script>
|
151 | 138 | ```
|
152 | 139 |
|
153 | 140 | > [!TIP]
|
154 |
| -> Please use a versioned url, like this : `https://unpkg.com/css-prefers-color-scheme@9.0.1/dist/browser-global.js` |
| 141 | +> Please use a versioned url, like this : `https://unpkg.com/css-prefers-color-scheme@10.0.0/dist/browser-global.js` |
155 | 142 | > Without the version, you might unexpectedly get a new major version of the library with breaking changes.
|
156 | 143 |
|
157 | 144 | [Prefers Color Scheme] works in all major browsers, including Safari 6+ and
|
@@ -225,7 +212,7 @@ const prefersColorScheme = prefersColorSchemeInit('light', { debug: true });
|
225 | 212 | ```
|
226 | 213 |
|
227 | 214 | ```html
|
228 |
| -<script src="https://unpkg.com/css-prefers-color-scheme@9.0.1/dist/browser-global.js"></script> |
| 215 | +<script src="https://unpkg.com/css-prefers-color-scheme@10.0.0/dist/browser-global.js"></script> |
229 | 216 | <script>prefersColorSchemeInit('light', { debug: true })</script>
|
230 | 217 | ```
|
231 | 218 |
|
|
0 commit comments