mods, 11 months ago

This was based on inspiration from @welshpixie!

We made some CSS changes to get a gradient border on the left instead of a solid color. Here's the code:

/* We're making DMs more obvious and queer! */
.status__wrapper-direct {
border-left: solid 5px transparent !important;
background-color: rgba(219, 226, 232, 0.25);
}
.theme-default .status__wrapper-direct {
background-color: rgba(219, 226, 232, 0.1);
}
.status__wrapper-direct::before {
content: '';
position: absolute;
width: 5px;
max-width: 5px;
height: calc(100% - 16px);
top: 8px; right: 0; bottom: 8px; left: 0;
z-index: 1;
margin-left: -5px;
background: linear-gradient(to bottom, #000 0%, #784f16 15%, #e40303 20%, #ff8c00 30%, #ffed00 40%, #008026 50%, #004dff 60%, #750787 70%, #f6a8b7 85%, #5ccefa 100%);
border-radius: 0 5px 5px 0;
}
.status__wrapper-direct .status__relative-time .status__visibility-icon {
background-color: #606984;
border-radius: 50%;
padding: 3px 6px;
color: white;
margin-right: 6px;
}