mirror of
https://github.com/jakejarvis/dark-mode-example.git
synced 2026-09-11 23:25:34 -04:00
Create index.html
This commit is contained in:
+31
@@ -0,0 +1,31 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||||
|
<title>Welcome to the dark side</title>
|
||||||
|
<style>
|
||||||
|
body.light {
|
||||||
|
background-color: #fff;
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
body.dark {
|
||||||
|
background-color: #222;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-mode-toggle {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 1em;
|
||||||
|
|
||||||
|
/* hide toggle until we're sure user has JS enabled */
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="light">
|
||||||
|
<h1>Welcome to the dark side</h1>
|
||||||
|
<button class="dark-mode-toggle">Click me!</button>
|
||||||
|
|
||||||
|
<script src="dark-mode.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user