34 lines
1.7 KiB
CSS
34 lines
1.7 KiB
CSS
|
/**
|
||
|
|
* @name RadialStatus
|
||
|
|
* @author Gibbu#1211
|
||
|
|
* @version 2.0.0
|
||
|
|
* @invite ZHthyCw
|
||
|
|
* @description Changes the status icons to wrap around the avatar. Shape can be changed inside the theme file.
|
||
|
|
* @source https://github.com/DiscordStyles/RadialStatus
|
||
|
|
* @website https://www.gibbu.me
|
||
|
|
*/
|
||
|
|
|
||
|
|
@import url("https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css");
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--rs-small-spacing: 2px; /* Gap between avatar and status for members list/dms | MUST end in px */
|
||
|
|
--rs-medium-spacing: 3px; /* Gap between avatar and status for User popout | MUST end in px */
|
||
|
|
--rs-large-spacing: 4px; /* Gap between avatar and status for User profiles | MUST end in px */
|
||
|
|
|
||
|
|
--rs-small-width: 2px; /* Thickness of status border for members list/dms | MUST end in px */
|
||
|
|
--rs-medium-width: 3px; /* Thickness of status border for User popout | MUST end in px */
|
||
|
|
--rs-large-width: 4px; /* Thickness of status border for User profile | MUST end in px */
|
||
|
|
|
||
|
|
--rs-avatar-shape: 50%; /* 50% for round - 0% for square */
|
||
|
|
|
||
|
|
--rs-online-color: #689d6a; /* Colour for online status */
|
||
|
|
--rs-idle-color: #d79921; /* Colour for idle status */
|
||
|
|
--rs-dnd-color: #cc241d; /* Colour for dnd status */
|
||
|
|
--rs-offline-color: #928374; /* Colour for offline status */
|
||
|
|
--rs-streaming-color: #b16286; /* Colour for streaming status */
|
||
|
|
--rs-invisible-color: #a89984; /* Colour for invisible status - Note: this will only show for your own invisibility */
|
||
|
|
--rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone | */
|
||
|
|
|
||
|
|
--rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */
|
||
|
|
}
|