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.
44
44
<custom-element-demo>
45
45
<template>
46
46
<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)">
48
48
<link rel="stylesheet" href="https://googlechromelabs.github.io/dark-mode-toggle/demo/dark.css" media="(prefers-color-scheme: dark)">
49
49
<script type="module" src="https://googlechromelabs.github.io/dark-mode-toggle/src/dark-mode-toggle.mjs"></script>
50
50
<style>
@@ -70,7 +70,7 @@ The example below illustrates the principle.
70
70
``` html
71
71
<!-- In the `<head>`
72
72
<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)">
74
74
<link rel="stylesheet" href="dark.css" media="(prefers-color-scheme: dark)">
75
75
<script type="module" src="https://googlechromelabs.github.io/dark-mode-toggle/src/dark-mode-toggle.mjs"></script>
76
76
-->
@@ -248,9 +248,9 @@ that would allow for proper tools integration).
248
248
249
249
- [ ** v8.dev** ] ( https://v8.dev/ ) : V8 is Google’s open source
250
250
high-performance JavaScript and WebAssembly engine, written in C++.
251
-
251
+
252
252
![ v8.dev in light mode] ( https://user-images.githubusercontent.com/145676/66128744-c913b580-e5ee-11e9-8c44-e2ca1d24dacb.png )
253
-
253
+
254
254
![ v8.dev in dark mode] ( https://user-images.githubusercontent.com/145676/66128803-ea74a180-e5ee-11e9-8792-c411a54346fc.png )
255
255
256
256
- Your site here…
Original file line number Diff line number Diff line change 20
20
}
21
21
</ script >
22
22
< 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) ">
24
24
< link rel ="stylesheet " href ="common.css ">
25
25
< script type ="module " src ="dark-mode-toggle-playground.mjs "> </ script >
26
26
< script type ="module " src ="../dist/dark-mode-toggle.min.mjs "> </ script >
Original file line number Diff line number Diff line change 20
20
}
21
21
</ script >
22
22
< 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) ">
24
24
< link rel ="stylesheet " href ="common.css ">
25
25
< script type ="module " src ="dark-mode-toggle-playground.mjs "> </ script >
26
26
< script type ="module " src ="../src/dark-mode-toggle.mjs "> </ script >
You can’t perform that action at this time.
0 commit comments