LogalDeveloper/owncast
0
Fork 0
Code Activity

Add+style system style chat message. Closes #1998

Browse Source
This commit is contained in:
Gabe Kangas
2022-08-10 20:22:00 -07:00
parent 681067ab93
commit f8429beef4
5 changed files with 83 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss
View File

@@ -1,13 +1,38 @@
@import 'styles/mixins.scss';
.chatSystemMessage {
background-color: var(--theme-unknown-2);
background: var(--theme-background-secondary);
background: linear-gradient(
70deg,
rgb(78, 54, 114) 0%,
rgb(65, 28, 139) 40%,
rgb(83, 67, 130) 80%
);
margin: 5px;
border-radius: 15px;
border-color: rgba(0, 0, 0, 0.3);
border-radius: 5px;
border-width: 1px;
border-style: solid;
padding: 10px 10px;
padding: 12px 12px;
max-width: 400px;
@include flexCenter;
.user {
display: flex;
align-items: center;
font-family: var(--theme-header-font-family);
font-weight: bold;
color: white;
}
.message {
color: white;
p {
color: white;
margin: unset;
}
mark {
padding-left: 0.35em;
padding-right: 0.35em;
color: var(--theme-text-highlight);
background-color: var(--color-bg-highlight);
}
}
}