Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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: 2 months ago
JSON representation

Customizable, dark and light mode for Instagram.

Lists

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.