Setup some test data in ui to visualize the target

Signed-off-by: TheJackiMonster <thejackimonster@gmail.com>

1 files changed, 22 insertions, 0 deletions

diff --git a/resources/css/style.css b/resources/css/style.css
index f46cb9d..1bd39ea 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -3,3 +3,25 @@
         background-color: @theme_bg_color;
 }
 
+.chat-entry {
+        padding: 4px;
+}
+
+.message-box {
+        border-radius: 12px;
+        padding: 8px 12px;
+        margin: 4px;
+        font-size: small;
+}
+
+.message-box:not(.own) {
+        background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
+        color: @theme_fg_color;
+        margin-right: 20px;
+}
+
+.message-box.own {
+        background-color: @theme_selected_bg_color;
+        color: @theme_selected_fg_color;
+        margin-left: 20px;
+}