owncast/web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss

57 lines
1.1 KiB
SCSS
Raw Normal View History

.chatSystemMessage {
background: var(--theme-color-background-main);
background: linear-gradient(
70deg,
2023-06-21 06:56:37 +03:00
rgb(87 51 141) 0%,
rgb(65 28 139) 40%,
rgb(71 50 133) 80%
);
margin: 5px;
margin-bottom: 10px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
2023-06-21 06:56:37 +03:00
padding: 12px;
.user {
display: flex;
align-items: center;
2022-08-22 02:01:35 +03:00
font-family: var(--theme-text-display-font-family);
font-weight: bold;
color: white;
}
2023-06-21 06:56:37 +03:00
.message {
color: white;
p {
color: white;
margin: unset;
}
mark {
padding-left: 0.3em;
padding-right: 0.3em;
color: var(--theme-color-palette-4);
border-radius: var(--chat-text-highlight-border-radius);
background-color: var(--color-owncast-palette-7);
}
img {
max-width: 100%;
max-height: 30vh;
object-fit: contain;
}
}
a {
color: var(--theme-color-palette-4);
2023-06-21 06:56:37 +03:00
:hover {
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: var(--theme-color-palette-15);
}
}
}