Skip to content

Instantly share code, notes, and snippets.

@daltonmenezes
Last active March 16, 2019 03:52
Show Gist options
  • Save daltonmenezes/4d6b9dcb8bd64a9e0bd00dc4b6a0a36f to your computer and use it in GitHub Desktop.
Save daltonmenezes/4d6b9dcb8bd64a9e0bd00dc4b6a0a36f to your computer and use it in GitHub Desktop.
Instagram Dark Theme for Web
var style = document.createElement('style')
style.textContent = `
html, body { display: contents; }
html, body, img, time, div[role=button] canvas, .coreSpriteDropdownArrowGrey9, button .glyphsSpriteHeart__outline__24__grey_9, .glyphsSpriteComment__outline__24__grey_9, .glyphsSpriteShare__outline__24__grey_9, .glyphsSpriteSave__outline__24__grey_9, video { filter: invert(1); }
.glyphsSpriteComment_like, .glyphsSpriteMore_horizontal__outline__24__grey_9 { filter: invert(1) !important; color: white !important; }
li div span span, main div button { filter: invert(1) !important; color: white !important; }
li div span span a { color: #77b3d8 !important; }
label { filter: invert(1) !important; }
header button img, button span img, button div canvas { filter: invert(0) !important; }
time { color: #77b3d8 !important; }
button div { color: white !important; } video { filter: invert(1) !important;} footer button div span[role=link] img { filter: invert(1) !important }
`
document.querySelector('head').appendChild(style)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment