Skip to content

Instantly share code, notes, and snippets.

@ahmadajmi

ahmadajmi/hue-dark.html

Created July 1, 2020 09:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ahmadajmi/d1719764ce3505665d28f622845cd20c to your computer and use it in GitHub Desktop.
Save ahmadajmi/d1719764ce3505665d28f622845cd20c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
hue-dark.html
<style>
[data-user-color-scheme="dark"] .c-logo-dark { display: block; }
:root {
--logo: url('/content/images/2020/06/light-4.png');
}
@media (prefers-color-scheme: dark) {
:root:not([data-user-color-scheme]) {
--logo: url('/assets/dark-logo.png');
}
}
[data-user-color-scheme='dark'] {
--logo: url('/assets/dark-logo.png');
}
._c-logo {
background-image: var(--logo);
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment