File tree Expand file tree Collapse file tree 6 files changed +608
-576
lines changed Expand file tree Collapse file tree 6 files changed +608
-576
lines changed Original file line number Diff line number Diff line change @@ -44,7 +44,7 @@ The example below illustrates the principle.
4444<custom-element-demo>
4545 <template>
4646 <link rel="stylesheet" href="https://googlechromelabs.github.io/dark-mode-toggle/demo/common.css">
47- <link rel="stylesheet" href="https://googlechromelabs.github.io/dark-mode-toggle/demo/light.css" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference) ">
47+ <link rel="stylesheet" href="https://googlechromelabs.github.io/dark-mode-toggle/demo/light.css" media="(prefers-color-scheme: light)">
4848 <link rel="stylesheet" href="https://googlechromelabs.github.io/dark-mode-toggle/demo/dark.css" media="(prefers-color-scheme: dark)">
4949 <script type="module" src="https://googlechromelabs.github.io/dark-mode-toggle/src/dark-mode-toggle.mjs"></script>
5050 <style>
@@ -70,7 +70,7 @@ The example below illustrates the principle.
7070``` html
7171<!-- In the `<head>`
7272 <link rel="stylesheet" href="common.css">
73- <link rel="stylesheet" href="light.css" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference) ">
73+ <link rel="stylesheet" href="light.css" media="(prefers-color-scheme: light)">
7474 <link rel="stylesheet" href="dark.css" media="(prefers-color-scheme: dark)">
7575 <script type="module" src="https://googlechromelabs.github.io/dark-mode-toggle/src/dark-mode-toggle.mjs"></script>
7676-->
@@ -248,9 +248,9 @@ that would allow for proper tools integration).
248248
249249- [ ** v8.dev** ] ( https://v8.dev/ ) : V8 is Google’s open source
250250 high-performance JavaScript and WebAssembly engine, written in C++.
251-
251+
252252 ![ v8.dev in light mode] ( https://user-images.githubusercontent.com/145676/66128744-c913b580-e5ee-11e9-8c44-e2ca1d24dacb.png )
253-
253+
254254 ![ v8.dev in dark mode] ( https://user-images.githubusercontent.com/145676/66128803-ea74a180-e5ee-11e9-8792-c411a54346fc.png )
255255
256256- Your site here…
Original file line number Diff line number Diff line change 2020 }
2121 </ script >
2222 < link rel ="stylesheet " href ="dark.css " media ="(prefers-color-scheme: dark) ">
23- < link rel ="stylesheet " href ="light.css " media ="(prefers-color-scheme: no-preference), (prefers-color-scheme: light) ">
23+ < link rel ="stylesheet " href ="light.css " media ="(prefers-color-scheme: light) ">
2424 < link rel ="stylesheet " href ="common.css ">
2525 < script type ="module " src ="dark-mode-toggle-playground.mjs "> </ script >
2626 < script type ="module " src ="../dist/dark-mode-toggle.min.mjs "> </ script >
Original file line number Diff line number Diff line change 2020 }
2121 </ script >
2222 < link rel ="stylesheet " href ="dark.css " media ="(prefers-color-scheme: dark) ">
23- < link rel ="stylesheet " href ="light.css " media ="(prefers-color-scheme: no-preference), (prefers-color-scheme: light) ">
23+ < link rel ="stylesheet " href ="light.css " media ="(prefers-color-scheme: light) ">
2424 < link rel ="stylesheet " href ="common.css ">
2525 < script type ="module " src ="dark-mode-toggle-playground.mjs "> </ script >
2626 < script type ="module " src ="../src/dark-mode-toggle.mjs "> </ script >
You can’t perform that action at this time.
0 commit comments