Skip to content

Commit cd64808

Browse files
committed
Remove no-preference logic
1 parent ee681db commit cd64808

File tree

6 files changed

+608
-576
lines changed

6 files changed

+608
-576
lines changed

README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff 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…

demo/dist.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
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>

demo/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
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>

0 commit comments

Comments
 (0)