https://github.com/vednoc/dark-instagram

Customizable, dark and light mode for Instagram.
https://github.com/vednoc/dark-instagram

dark-instagram dark-mode dark-theme stylus stylus-lang usercss userstyles

Last synced: about 1 month ago
JSON representation

Customizable, dark and light mode for Instagram.

• Host: GitHub
• URL: https://github.com/vednoc/dark-instagram
• Owner: vednoc
• License: mit
• Created: 2020-04-21T21:39:28.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-06-01T20:00:22.000Z (over 2 years ago)
• Last Synced: 2024-08-03T20:00:55.652Z (3 months ago)
• Topics: dark-instagram, dark-mode, dark-theme, stylus, stylus-lang, usercss, userstyles
• Language: Stylus
• Homepage:
• Size: 1.68 MB
• Stars: 38
• Watchers: 4
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: readme.org
  • Changelog: changelog.org
  • License: license

Awesome Lists containing this project

README

        
#+STARTUP: nofold

#+HTML: 


* Dark-Instagram

Opinionated, customizable, dark and light mode implementation for [[https://instagram.com][Instagram]].

[[https://gitlab.com/vednoc/dark-instagram/raw/master/instagram.user.styl][https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true&style=flat]]

[[https://discord.gg/NpT8PzA][https://img.shields.io/discord/272011641694978048.svg?longCache=true&colorB=7289da&logo=discord&style=flat]]

#+HTML: 

/Preview image shows v2.0.0 with default colors, Inter as the UI font on

1920x1080 resolution./

#+HTML: 


** Features

This is why you should consider using Dark-Instagram!

- Uses built-in CSS variables wherever possible, making it easy to maintain

  - Supports dark and light color-schemes, and works great with [[https://gitlab.com/vednoc/dark-switcher/][dark-switcher]].

- Fully customizable color-scheme through Stylus configuration menu

- Removal of right-click context menu from media

- Removal of logged-out annoyances

- Custom UI/emoji fonts

** Installation

You have to install [[https://add0n.com/stylus.html][Stylus]] and then click on the install link below.

[[https://gitlab.com/vednoc/dark-instagram/raw/master/instagram.user.styl][https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true&style=flat]]

*** Initial configuration

To customize colors and/or other features, follow these instructions:

  - Open the Stylus extension popup while you're on any page Dark-Instagram is

    active on, or from the Manage page in Stylus. Click on the cogwheel icon and

    that'll open up a menu from which you can customize the available options.

  - Additionally, install [[https://gitlab.com/vednoc/dark-switcher/][dark-switcher]] if you'd like to quickly switch between

    various pre-defined color-schemes.

*** Other ways to install this userstyle

Supported but /not recommended/.

**** Userstyle managers that don't support stylus-lang but support UserCSS

Just install from =instagram.user.css= file using [[https://gitlab.com/vednoc/dark-instagram/raw/master/instagram.user.css][this link]].

**** /Stylish/ is only supported through /[[https://userstyles.org/styles/151951][userstyles.org]]/

USo is still the largest repository for themes despite all the issues. Don't use

this version unless you /absolutely/ have to.

It only has core functionality, is (likely) outdated, has no support, and needs

to be /manually/ compiled for every single update.

** Contributions

Any contribution is greatly appreciated.

If you really like the project and would like to tip me for my work, then you

can buy me a coffee over at [[https://ko-fi.com/vednoc][ko-fi]] or support me over at [[https://liberapay.com/vednoc][LiberaPay]].

** Credits

Similar open-source projects:

- [[https://github.com/obvionaoe/dark][obvionaoe/dark]] - Port of v2 CSS for Ferdi/Franz/Rambox (desktop apps)

** License

Code released under the [[https://gitlab.com/vednoc/dark-instagram/license][MIT]] license.