d5fa81f76e
* 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>
38 lines
696 B
SCSS
38 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);
|
|
}
|
|
}
|
|
}
|