jainkuniya / dark-gitlab

Very customizable dark theme for GitLab and self-hosted GitLab instances. Mirror of gitlab.com/vednoc/dark-gitlab

Home Page:https://gitlab.com/vednoc/dark-gitlab

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dark-GitLab

Opinionated, customizable, dark and light mode implementation for GitLab and self-hosted GitLab instances.

Check dark-gitlab/milestones/1 to see the roadmap to v1.0.

https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true&style=flat https://img.shields.io/discord/272011641694978048.svg?longCache=true&colorB=7289da&logo=discord&style=flat

Preview image shows v1.0.0 with default colors, Inter as the UI font, and Iosevka as the mono font on 1920x1080 resolution.

Features

This is why you should consider using Dark-GitLab!

  • Fully customizable color-scheme through Stylus configuration menu
    • Supports dark and light color-schemes, and works great with dark-switcher.
  • Custom regex and included support for well-known public GitLab instances
    • Easy to add your private GitLab instance.
      • ⚠ Modifying the code will prevent auto-update from working.
      • See #99 for more information.
    • Found a public instance that’s not already on the list? Make a MR!
  • Custom image opacity in Markdown areas
  • Custom rounded corners for avatars
  • Custom UI/code/emoji fonts

Installation

You have to install Stylus and then click on the install link below.

https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true&style=flat

Initial configuration

Dark-GitLab works best with default settings as it tries to be uniform across all instances that you might find on the web. Therefore, for the best experience set the following in the preferences on instances you’re logged in:

  • Set syntax highlighting theme set to white
  • Set navigation theme to indigo

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

  • Open the Stylus extension popup while you’re on any page Dark-GitLab 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 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 gitlab.user.css file using this link.

Stylish is only supported through 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 ko-fi or support me over at LiberaPay.

License

Code released under the MIT license.

About

Very customizable dark theme for GitLab and self-hosted GitLab instances. Mirror of gitlab.com/vednoc/dark-gitlab

https://gitlab.com/vednoc/dark-gitlab

License:MIT License


Languages

Language:CSS 100.0%