@import "colors"; @import "constants"; [data-fr-theme="dark"] .message { background: rgb(74, 74, 125); &.inverted-background { background: rgb(74, 74, 125); } } .message { display: flex; align-items: flex-start; margin-bottom: $default-padding; padding: $default-padding; background: $light-grey; border-radius: 3px; &.inverted-background { background: $light-grey; } .person-icon { margin-right: $default-spacer; } h2 { margin-bottom: $default-spacer; } .mail { font-weight: bold; } .date { float: right; } .message-answer-button { margin-left: auto; } }