- Direct Install
- Maintained by Saltssaumure -- please report Replugged issues to them!
- Go to user settings (CTRL ,)
- Go to the "Vencord" category and select the "Themes" tab.
- In the input field under "THEMES" paste the following URL.
https://discord-extensions.github.io/modern-indicators/src/source.css
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"
- Install the browser extensions for your respective browser.
- Once installed, open this link in a new browser tab. This opens the page where you will install this userstyle.
- Press the
Install Style
button.
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);
}
This theme is licensed under the MIT license. Please refer to the LICENSE file for more details regarding rights and limitations.
Everyone who has contributed can be found on the CREDITS.md file. A personal thank you to everyone who has helped!
If you are having any issues with the theme, feel free to join the support server, or make an issue on this repository.