discord-extensions/modern-indicators

Replugged

• Direct Install
• Maintained by Saltssaumure -- please report Replugged issues to them!

BetterDiscord

• Direct Download
• Compiled Source

Vencord

1. Go to user settings (CTRL + ,)
2. Go to the "Vencord" category and select the "Themes" tab.
3. In the input field under "THEMES" paste the following URL.

https://discord-extensions.github.io/modern-indicators/src/source.css

Stylus

Warning Firefox users must have "Patch CSP to allow style assets" enabled for the theme to work. This can be found in Stylus' settings under "Advanced"

1. Install the broswer extensions for your repsective browser.
   • Chrome Webstore
   • Firefox Addons
2. Once installed, open this link in a new browser tab. This opens the page where you will install this userstyle.
3. Press the Install Style button.

Customization

You can add the variables below into your Quick CSS and modify the basic colors. Please use HSL values.

:root {
    --indicator-border-size: 2px;
    --indicator-border-style: solid;
    --indicator-rounding: 0;
}

.theme-light {
    --indicator-unread: var(--primary-900-hsl);
    --indicator-unread-mention: var(--red-430-hsl);
    --indicator-selected: var(--brand-500-hsl);
    --indicator-connected: var(--green-430-hsl);
}

.theme-dark {
    --indicator-unread: var(--primary-130-hsl);
    --indicator-unread-mention: var(--red-400-hsl);
    --indicator-selected: var(--brand-500-hsl);
    --indicator-connected: var(--green-230-hsl);
}

Licensing

This theme is licensed under the MIT license. Please refer to the LICENSE file for more details regarding rigths and limitations.

Credits

Everyone who has contributed can be found on the CREDITS.md file. A personal thank you to everyone who has helped!

Support Server

If you are having any issues with the theme, feel free to join the support server, or make an issue on this repository.