owncast/web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss
gingervitis d5fa81f76e
Draft: rough-ish draft of proposed color theme changes (#2067)
* color experimentation and troubleshooting

* create color scheme, assign colors, more ant overrides

* fun selection color

* Prettified Code!

* Correctly import opensans

* Prettified Code!

* Organize+standardize colors/names and update the app to use them

* Prettified Code!

* Use css var references instead of resolving value of vars in css files

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-08-29 23:17:12 -07:00

37 lines
696 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;
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.35em;
padding-right: 0.35em;
background-color: var(--theme-color-palette-12);
}
}
}