owncast/web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss
gingervitis 44483a45d3
some webv2 UI polish (#2940)
* style tweaks for Action Button, UserMenu, Modal

* a bunch of misc polish; some around chat

* Prettified Code!

* cleanup

* fix formatting

* Reduce content padding a bit

* some stylesheet cleanup

* fix action button sizing

* Remove action button height completely

---------

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-04-24 10:58:57 -07:00

49 lines
1,023 B
SCSS

.chatSystemMessage {
background: var(--theme-color-background-main);
background: linear-gradient(
70deg,
rgb(78, 54, 114) 0%,
rgb(65, 28, 139) 40%,
rgb(83, 67, 130) 80%
);
margin: 5px;
margin-bottom: 10px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
padding: 12px 12px;
max-width: 400px;
.user {
display: flex;
align-items: center;
font-family: var(--theme-text-display-font-family);
font-weight: bold;
color: white;
}
.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);
}
}
a {
color: var(--theme-color-palette-4);
:hover {
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: var(--theme-color-palette-15);
}
}
}