Last active
January 25, 2021 16:41
-
-
Save jdanyow/1e4791d3fb4ea7be1fe7b6883e95c96f to your computer and use it in GitHub Desktop.
color-scheme demo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>Hello world</title> | |
<!-- site's preferred scheme first --> | |
<meta name="color-scheme" content="dark light"> | |
<!-- uncomment to revert back to light theme --> | |
<style> | |
html { | |
/*color-scheme: light;*/ | |
} | |
</style> | |
</head> | |
<body> | |
<h1>color-scheme Hello world!</h1> | |
<p><a href="https://web.dev/color-scheme/">https://web.dev/color-scheme/</a></p> | |
<h2>A form</h2> | |
<form> | |
<label for="name">Name</label> | |
<input type="text" id="name" name="name"> | |
<label for="fruit">Fruit</label> | |
<select id="fruit" name="fruit"> | |
<option>Apples</option> | |
<option>Oranges</option> | |
</select> | |
<button type="submit">Submit</button> | |
</form> | |
<h2>Lotta hellos</h2> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
<p>hello</p> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment