| [data-theme='light'] { | |
| --send-theme-color: #8753e9; | |
| --receive-theme-color: #0d0c0d; | |
| } | |
| [data-theme='dark'] { | |
| --send-theme-color: #8753e9; | |
| --receive-theme-color: #333333; | |
| } | |
| .message { | |
| display: flex; | |
| flex-direction: column; | |
| padding: 5px; | |
| } | |
| .message_sent { | |
| width: fit-content; | |
| padding: 5px; | |
| border-radius: 5px; | |
| background-color: var(--send-theme-color); | |
| align-self: end; | |
| } | |
| .message_received { | |
| width: fit-content; | |
| padding: 5px; | |
| } | |